А самописные?)

А самописные?)

ну прям самописанных не вот неплохие, простые и наглядные https://github.com/deepsweet/hocs/tree/master/packages/

народ есть сообщество по сагам?

умарист

народ есть сообщество по сагам?

@redux_ru

сенк

шот там гибло, спрошу здесь --- приветы можт кто знает как будет правильнее мне надо сдлелать оптимистичный интерфейс, сагой сделать запрос на серв, потом собственно если ошибка вернуть обратно состояние, если все ок, ниче не делать пример жму чекбокс, экшен перехватывается в саге и редюсере редюсер меняет состояние сага шлет запрос, вылетает ошибка, сага путает такой же экшен, для измнения стора, проблема в том, что такое уйдет в луп как то можно эт сделать без удвоения экшенов?

Вангую ответ: не использовать сагу)

Вангую ответ: не использовать сагу)

и как ты данные будешь слать?

thunk

не, там все на сагах завязано

этож не просто fetch

шот там гибло, спрошу здесь --- приветы можт кто знает как будет правильнее мне надо сдлелать оптимистичный интерфейс, сагой сделать запрос на серв, потом собственно если ошибка вернуть обратно состояние, если все ок, ниче не делать пример жму чекбокс, экшен перехватывается в саге и редюсере редюсер меняет состояние сага шлет запрос, вылетает ошибка, сага путает такой же экшен, для измнения стора, проблема в том, что такое уйдет в луп как то можно эт сделать без удвоения экшенов?

я делал отдельные экшены: "запрос пошел", "запрос не удался", "запрос успешно прошел"

шот там гибло, спрошу здесь --- приветы можт кто знает как будет правильнее мне надо сдлелать оптимистичный интерфейс, сагой сделать запрос на серв, потом собственно если ошибка вернуть обратно состояние, если все ок, ниче не делать пример жму чекбокс, экшен перехватывается в саге и редюсере редюсер меняет состояние сага шлет запрос, вылетает ошибка, сага путает такой же экшен, для измнения стора, проблема в том, что такое уйдет в луп как то можно эт сделать без удвоения экшенов?

О, сталкивался с таким

Вкратце - если руками кидать экшн запускающий сагу (через takeEvery, например), а потом кидать из саги экшн с таким же типом (но, например, с другим пейлоадом), то сага детонирует

Вкратце - если руками кидать экшн запускающий сагу (через takeEvery, например), а потом кидать из саги экшн с таким же типом (но, например, с другим пейлоадом), то сага детонирует

именно

я делал отдельные экшены: "запрос пошел", "запрос не удался", "запрос успешно прошел"

да, я просто думаю как бы сократить этих море экшенов

в целом есть идея в мету прокинуть флаг для игнора

сага будет смареть есть ли такой флаг и не будет реагирвоать

сага будет смареть есть ли такой флаг и не будет реагирвоать

Не поможет

Не поможет

почему?

Кроме как разными типами экшнов эту проблему не решить. Экшны, которые кидаются сагой, имеют символьное поле SAGA_ACTION, тогда как обычные не имеют. В зависимости от наличия этого поля сага выполняет эффект либо синхронно, либо асинхронно, положив эффект в очередь и обработав потом. И если из саги кидается экшн, которым она запустилась - там будет очень странная история с этой очередью

action({type: 'a', payload: { enabled: true }, meta: { onlyStore: false }) saga(action) { if(action.meta.onlyStore) return yield put(action({type: 'a', payload: { enabled: false }, meta: { onlyStore: true })) }

типа того

Неа, все равно сдетонирует. Ты же эту сагу будешь через takeEvery/takeLatest/takeКакТоПоДругому запускать, а бага зарыта в логике обработки эффекта take

Неа, все равно сдетонирует. Ты же эту сагу будешь через takeEvery/takeLatest/takeКакТоПоДругому запускать, а бага зарыта в логике обработки эффекта take

а, ну да, ты прав

хотя не, у тебя же она выйдет из функции

и больше не будет диспатчится

но это выглядит костылем

кажись кроме как плодить экшены, ниче лучше не сделать

она после первого yield put уже будет работать не так, как ты ожидаешь

добавить в редюсере новое поле не подойдет? Типо prevState?

Ребята, помогите, пжл., с моей тривиальной задачей. Я - верстальщик и многое пока не понимаю, но пробую делать простые вещи. Нужно по клику на пункты меню(ul.menu) менять страницы. Вот то, что в моём App.js: import React, { Component } from 'react'; import './scss/main.scss'; import Element from './app/containers/Home/home'; import Profile from './app/containers/Profile/profile'; import News from './app/containers/News/news'; class App extends Component { render() { return ( <div className="App"> <ul className="menu"> <li><a href="">home</a></li> <li><a href="">profile</a></li> <li><a href="">news</a></li> </ul> <Element /> <Profile /> <News /> </div> ); } } export default App;

как я понимаю - надо создать функцию, в которой будет меняться мои компонентики?

React Router

Ребята, помогите, пжл., с моей тривиальной задачей. Я - верстальщик и многое пока не понимаю, но пробую делать простые вещи. Нужно по клику на пункты меню(ul.menu) менять страницы. Вот то, что в моём App.js: import React, { Component } from 'react'; import './scss/main.scss'; import Element from './app/containers/Home/home'; import Profile from './app/containers/Profile/profile'; import News from './app/containers/News/news'; class App extends Component { render() { return ( <div className="App"> <ul className="menu"> <li><a href="">home</a></li> <li><a href="">profile</a></li> <li><a href="">news</a></li> </ul> <Element /> <Profile /> <News /> </div> ); } } export default App;

@reach/router используй

@reach/router используй

5 реакт роутер? а через пол года 6 и еще через пол года 7

5 реакт роутер? а через пол года 6 и еще через пол года 7

нет

Кто нибудь юзает формик? Есть глубокая форма state = { user: data: fullName: '' } Както можно сразу проинициализировать поля touched и erros, а то приходится писать длинную портянку errors.user && errors.user.data && errors.user.data.fullName &&& touched.user && ...

Кто нибудь юзает формик? Есть глубокая форма state = { user: data: fullName: '' } Както можно сразу проинициализировать поля touched и erros, а то приходится писать длинную портянку errors.user && errors.user.data && errors.user.data.fullName &&& touched.user && ...

может, лодаш? _.get(errors, 'user.data.fullName')

Кто нибудь юзает формик? Есть глубокая форма state = { user: data: fullName: '' } Както можно сразу проинициализировать поля touched и erros, а то приходится писать длинную портянку errors.user && errors.user.data && errors.user.data.fullName &&& touched.user && ...

optional chaining proposal

Кто нибудь юзает формик? Есть глубокая форма state = { user: data: fullName: '' } Както можно сразу проинициализировать поля touched и erros, а то приходится писать длинную портянку errors.user && errors.user.data && errors.user.data.fullName &&& touched.user && ...

можно через рекурсию сделать, чтоб не проверять объект в объекте

а есть ли возможность сделать так ? <input name = {'test'} onChange={validate(this.name)}>

optional chaining proposal

А в 7 бабеле я так понял они уже из коробки идут ?

Вроде они уже на stage 2

А в 7 бабеле я так понял они уже из коробки идут ?

нет офк, плагин надо

Вижу

Чета долго все, хочу уже из коробки их юзать

так лол, когда в спеке будет тогда и в коробку положат

Пацыки, сорян за оффтоп, но просто стало интересно почему 5++ или ++5 выдаст ошибку?

Пацыки, сорян за оффтоп, но просто стало интересно почему 5++ или ++5 выдаст ошибку?

какую?

Пацыки, сорян за оффтоп, но просто стало интересно почему 5++ или ++5 выдаст ошибку?

линтер возможно?

какую?

ну вообще нельзя так делать. просто интересно почему

5 реакт роутер? а через пол года 6 и еще через пол года 7

это совсем другая либа

линтер возможно?

нееее. именно ошибка языка будет

Invalid left-hand side expression in postfix operation

нееее. именно ошибка языка будет

потому что тебе надо изменить значение хранимое в памяти

5 у тебя нигде не хранится

так лол, когда в спеке будет тогда и в коробку положат

пора бы уже)

5 у тебя нигде не хранится

кстати да

Юхоо!!! ) VSCode обновился, теперь блоки можно сворачивать разворачивать ) Крошки появились как в InteliJ

Юхоо!!! ) VSCode обновился, теперь блоки можно сворачивать разворачивать ) Крошки появились как в InteliJ

Держи в курсе.

Держи в курсе.

Ух, у кого-то неделя не задалась?

Ух, у кого-то неделя не задалась?

Жизнь.

Жизнь.

Зато честно

ERROR: S client not available

И автосейвы не работают(

И автосейвы не работают(

птичку нужно поставить File -> AutoSave Но я отказался от него в пользу ctrl +k, s. Вношу изменения блоками и сейву.

?‍♂️

птичку нужно поставить File -> AutoSave Но я отказался от него в пользу ctrl +k, s. Вношу изменения блоками и сейву.

Life *

Привет, ребята

Появилась ли простая замена редаксу, которая работает на новом Context API?

Появилась ли простая замена редаксу, которая работает на новом Context API?

https://github.com/jamiebuilds/unstated

ух ты

круто выглядит

Появилась ли простая замена редаксу, которая работает на новом Context API?

Нет, потому что контекст не для этого сделан.

ок

мне надо Single Source of Truth и его апдейты. Мне нужен редакс?

привет , подскажите плиз , вобщем есть уменя компонент , в нем есть два стейта , один для запихивания туда массива данных иззапроса а другой это параметр для урла (сколько записей выводить) , и вот у меня в didMount есть запрос который сетстейтит полученный массив в первый стейт , + есть кнопка лоад море на которой на онклике сетстейт count + 10 (обновляет стейт с каждым нажатием ) , но вот реакт ругается на максимальное колличество обновлений , как исправть такую ошибку ?

<Component initialState={{ activeSales: null, loading: true, loadCount: 10 }} didMount={async ({ state, setState }) => { const respActiveSales = await fetch( ${BASE_URL}/project?count=${state.loadCount}, { method: "GET", headers: { "Content-Type": "application/json" } } ); try { if (respActiveSales.ok) { const respValue = await respActiveSales.json(); setState({ activeSales: respValue, loading: false }); } } catch (e) { console.log(e); } }} > {({ state, setState }) => ( <Fragment> {state.loading ? ( <div>Loading</div> ) : state.activeSales ? ( state.activeSales.map(ActiveSalesList) ) : null} <button onClick={setState({ loadCount: state.loadCount + 10 })}> Load more </button> </Fragment> )} </Component>

<Component initialState={{ activeSales: null, loading: true, loadCount: 10 }} didMount={async ({ state, setState }) => { const respActiveSales = await fetch( ${BASE_URL}/project?count=${state.loadCount}, { method: "GET", headers: { "Content-Type": "application/json" } } ); try { if (respActiveSales.ok) { const respValue = await respActiveSales.json(); setState({ activeSales: respValue, loading: false }); } } catch (e) { console.log(e); } }} > {({ state, setState }) => ( <Fragment> {state.loading ? ( <div>Loading</div> ) : state.activeSales ? ( state.activeSales.map(ActiveSalesList) ) : null} <button onClick={setState({ loadCount: state.loadCount + 10 })}> Load more </button> </Fragment> )} </Component>

Renderless Containers из react-powerplug юзаешь?

react-component-component

session for react

I need a session for react. somebody knows

,,

I need a session for react. somebody knows

оф корс

оф корс

can you suggest me any think

??

can you suggest me any think

ну разумеется — https://gitter.im/chat-rooms/reactjs

react-component-component

в load more кнопке в onClick должно быть () => setState(state => ({ loadCount: state.loadCount + 10 }))

ну это д а

а как сделать чтоб при обновлении стейта запрос отправлялся заново

и перезаписывал данные

а как сделать чтоб при обновлении стейта запрос отправлялся заново

можно в колбеке сетстейте отправлять

Привет! Можете посоветовать статей по тестированию реакт-компонентов? Что нужно тестировать, чего не нужно. Как к этому лучше подходить?

Привет! Можете посоветовать статей по тестированию реакт-компонентов? Что нужно тестировать, чего не нужно. Как к этому лучше подходить?

лучше курс https://frontendmasters.com/courses/testing-react/

Привет! Можете посоветовать статей по тестированию реакт-компонентов? Что нужно тестировать, чего не нужно. Как к этому лучше подходить?

Нужно тестировать скриншоты, не более.