синтаксический сахар

?

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

и все

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

спасибо man

синтаксический сахар

не совсем // An alternative to bindActionCreators is to pass // just the dispatch function down, but then your child component // needs to import action creators and know about them.

?

вот здесь вроде норм по-русски написано https://github.com/rajdee/redux-in-russian/blob/master/docs/api/bindActionCreators.md

не совсем // An alternative to bindActionCreators is to pass // just the dispatch function down, but then your child component // needs to import action creators and know about them.

спс

вот здесь вроде норм по-русски написано https://github.com/rajdee/redux-in-russian/blob/master/docs/api/bindActionCreators.md

спс

по большинству тюториалов на которые я натыкался такая схема нормальна: store => значение компоненты, update значения => action => AJAХ => update store, проблема в том что у меня AJAX занимает 200-500ms, как результат юзер кликает на галочку и с лагом в 200-500ms на нее ставится значение, что я делаю не так?

по большинству тюториалов на которые я натыкался такая схема нормальна: store => значение компоненты, update значения => action => AJAХ => update store, проблема в том что у меня AJAX занимает 200-500ms, как результат юзер кликает на галочку и с лагом в 200-500ms на нее ставится значение, что я делаю не так?

Индикатор добавить? Ну крутяшку, например, или ещё чего

по большинству тюториалов на которые я натыкался такая схема нормальна: store => значение компоненты, update значения => action => AJAХ => update store, проблема в том что у меня AJAX занимает 200-500ms, как результат юзер кликает на галочку и с лагом в 200-500ms на нее ставится значение, что я делаю не так?

Или же ставь галочку без ответа, а если ошибка, то помечай и пиши про ошибку

по большинству тюториалов на которые я натыкался такая схема нормальна: store => значение компоненты, update значения => action => AJAХ => update store, проблема в том что у меня AJAX занимает 200-500ms, как результат юзер кликает на галочку и с лагом в 200-500ms на нее ставится значение, что я делаю не так?

Optimistic updates, гугли по этому ключевому слову

если есть возможность изменить визуальное состояние галочки до ajax-запроса, то в action с, допустим, redux-thunk, можно от такого избавиться, вызывая dispatch нужных экшнов внутри текущего action

угу, я тоже имею в виду их

по большинству тюториалов на которые я натыкался такая схема нормальна: store => значение компоненты, update значения => action => AJAХ => update store, проблема в том что у меня AJAX занимает 200-500ms, как результат юзер кликает на галочку и с лагом в 200-500ms на нее ставится значение, что я делаю не так?

на перед ставь. Так и в вк. Когда лайк ставишь

Спасибо всем

Ребят как связать экшены и редюсеры в редакс-акт, в доке там и стор и экшены и редюсеры в одном файле?

Ребят как связать экшены и редюсеры в редакс-акт, в доке там и стор и экшены и редюсеры в одном файле?

Не понял вопрос, тебе не нравится что все в 1 файле?

тоже вопроса не понял

Не понял вопрос, тебе не нравится что все в 1 файле?

Ну у меня всегда было отдельно, все надо объединить?

Вообще не понимаю, как он работает

Ну у меня всегда было отдельно, все надо объединить?

Я считаю так удобнее, это вроде ducks называют

Я считаю так удобнее, это вроде ducks называют

Спасибо, почитаю сейчас

в одном файле export const action1 = createAction(); export const action2 = createAction(); в другом файле import { action1, action2 } export const reducer = createReducer({}, 0) .on(action1, inc) .on(action2, dec)

в одном файле export const action1 = createAction(); export const action2 = createAction(); в другом файле import { action1, action2 } export const reducer = createReducer({}, 0) .on(action1, inc) .on(action2, dec)

а что если у меня редюсер fetch и очень много экшенов

вопрос не понятен, что это меняет?

вопрос не понятен, что это меняет?

ну мне все экшены в этот редюсер импортировать ?

зачем все? Экспортируй те, которые в редьюсере используешь

зачем все? Экспортируй те, которые в редьюсере используешь

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

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

ладно, я тупой, хуйню спрашиваю сорян

пойду нормально разберусь с ducks

Ну некоторые редьюсеры можно генерировать

export const fetchUserRequest = createAction(); export const fetchUserSuccess = createAction(user => ({ user })); export const fetchUser = () => async dispatch => { dispatch(fetchUserRequest()); const user = await api.getUser(); dispatch(fetchUserSuccess(user)); }; // // Было: // const isFetching = createReducer({}, false) // .on(fetchUserRequest, () => true) // .on(fetchUserSuccess, () => false); const makeIsFetching = (requestAction, successAction) => createReducer({}, false) .on(requestAction, () => true) .on(successAction, () => false); const entity = createReducer({}, null) .on(fetchUserSuccess, ({ user }) => user); export const user = combineReducers({ isFetching: makeIsFetching(fetchUserRequest, fetchUserSuccess), entity });

пойду нормально разберусь с ducks

Не, дакс это просто форма организации кода, а у тебя видимо вопрос про удобство писать код для работы с апи

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

export const fetchUserRequest = createAction(); export const fetchUserSuccess = createAction(user => ({ user })); export const fetchUser = () => async dispatch => { dispatch(fetchUserRequest()); const user = await api.getUser(); dispatch(fetchUserSuccess(user)); }; // // Было: // const isFetching = createReducer({}, false) // .on(fetchUserRequest, () => true) // .on(fetchUserSuccess, () => false); const makeIsFetching = (requestAction, successAction) => createReducer({}, false) .on(requestAction, () => true) .on(successAction, () => false); const entity = createReducer({}, null) .on(fetchUserSuccess, ({ user }) => user); export const user = combineReducers({ isFetching: makeIsFetching(fetchUserRequest, fetchUserSuccess), entity });

А почему ты пишешь on а не просто объект?

1) так типизируется лучше (что я не использовал) 2) так чище выглядит

спасибо, то что надо

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

например, захотим сделать данные, которых могут сразу много загружаться - придется переписывать с булеана на числа — количество загрузок. И булеаны оставить. И получится лишний параметр конфигурации. А потом то же самое в селекторе

а это для примитивного редьюсера, а че делать в entity это вообще ад

вообще конечно я осознал сейчас, что селекторы обязаны генерировать из (или одновременно с//рядом с) редьюсерами

как в indux зеробиаса, но там была сильная завязка селекторов на структуру стора мир полон противоречий и обмана

как в ангуларе?)

Ребзи можете подсказать, почему Если внутри объекта написать: foo: () => { this. ...} то всегда будет window, а если тоже самое внутри класса то уже будет экземпляр этого класса ?

Ребзи можете подсказать, почему Если внутри объекта написать: foo: () => { this. ...} то всегда будет window, а если тоже самое внутри класса то уже будет экземпляр этого класса ?

Потому что у стрелочной функции контекст того места где она объявлена

Потому что у стрелочной функции контекст того места где она объявлена

Я понимаю, что у нее this равен внешнему this

Почему это не объект ?

Разве он не создает свой контекст вызова?

Разве он не создает свой контекст вызова?

Ну видимо нет, а с чего такие вопросы?

Ну видимо нет, а с чего такие вопросы?

Нечего делать на выходных ?

А как в идее добавлить плагин для стайлид компонент?

А как в идее добавлить плагин для стайлид компонент?

Лучше без него

У меня с ним веб шторм крашился

А как в идее добавлить плагин для стайлид компонент?

1) установить вскод

2) vscode-styled-components

Разве он не создает свой контекст вызова?

Нет не создает, это же стрелочная функция она ссылается на верхний контекст если без “use strict” В первом случае верхний контекст это window или global Во втором случае это class

Нет не создает, это же стрелочная функция она ссылается на верхний контекст если без “use strict” В первом случае верхний контекст это window или global Во втором случае это class

Это странно, почему объект не создает свой контекст

Это странно, почему объект не создает свой контекст

Она и создает, если твои методы объявлены обычными функциями

И в том случае если ты вызовешь этот метод через точку

Ну так да, у обычной функции свой this, а стрелочная берет внешний this. Просто логично что внешний this метода - это ее объект

Нее, ты не понял this объявляется в момент вызова функции

Ну да, создание объекта никак не влияет на this

А у стрелочной функции не объявляется контекст, она проста ссылается на внешний

ERROR: S client not available

Ребят, вы как получаете данные в react ssr ? Пытаюсь получить данные через axios / fetch , но они не появляются в статике, не подскажите ?

когда мы пишем const x = { a: this } x.a не будет ссылаться на x, это будет тот контекст, где мы далем const x = аналогично и со стрелкой будет

когда мы пишем const x = { a: this } x.a не будет ссылаться на x, это будет тот контекст, где мы далем const x = аналогично и со стрелкой будет

+

когда мы пишем const x = { a: this } x.a не будет ссылаться на x, это будет тот контекст, где мы далем const x = аналогично и со стрелкой будет

Спасибо, теперь понял

Ребят, вы как получаете данные в react ssr ? Пытаюсь получить данные через axios / fetch , но они не появляются в статике, не подскажите ?

componentwillmount

Подскажите

как свг вставлять?

я люблю react-svg-loader

И просто импортить?

он .svg файлы в реакт-компоненты преобразует во время сборки

1) установить вскод

1) не ставить вскод ради плагина 2) зайти в Preferences -> Plugins -> Browse Repositories > Styled Components

да import MyIcon from “./my-icon.svg” const MyButton = ({ children, ...props }) => ( <Button {…props}> <MyIcon /> {children} </Button> );

Ребят, вы как получаете данные в react ssr ? Пытаюсь получить данные через axios / fetch , но они не появляются в статике, не подскажите ?

В каком статике?

1) не ставить вскод ради плагина 2) зайти в Preferences -> Plugins -> Browse Repositories > Styled Components

А где префренес находится?

Думаю в остальных ОС аналогично

Каким образом стейт меняется?

у формика есть проп, который позволяет их менять

Стейт меняется из другого компонтента - но стейт глобальный - и в этом компоненте доступен. Он меняеться 100% - как видно на видео: я там поставил те же значния - только не в форме - а в виде текста

но это будет сбрасывать все изменения

То есть я прыкаю между шагами слева - это должно перересывовывать компонент справа

Всё работает

КРОМЕ ФОРМ

Я уже и redux forms пробовал

И formik

Поведение аналогичное - так что явно не в формике дело - а в чём не могу разобраться весь вечер.

ты меня проигнорил что-ли?

у формика есть проп, который позволяет их менять

https://github.com/jaredpalmer/formik#enablereinitialize-boolean

А! Там булеан поставить - как у redux form - чтобы реренерил?

https://github.com/jaredpalmer/formik#enablereinitialize-boolean

АААААА! Спасибо!