Size: a a a

React — русскоговорящее сообщество

2020 July 16

Б

Богдан in React — русскоговорящее сообщество
Народ, есть ли тут спрос на менторов или на обучения/консультации? Я тут как-то обучал по скайпу одного джуниора и у меня кажется получился четкий план курса - объяснение фундаментальных концепций реакта и стейт-менеджеров (и зачем все это нужно) через написание кастомной версии реакта и двух стейт-менедежров (redux и mobx) c нуля без внешней зависимостей с объяснением каждой строчки кода
План получился примерно такой
1) на простом примере показываю зачем нужны фреймворки/шаблонизаторы вроде реакта
2) сначала пишу маппинг шаблонов на dom а потом virtual-dom/diff в ~30 строчек
3) потом в отдельном бранче показываю простую версию файберов (меняем рекурсию на цикл и разбиваем на задачи)
4) потом добавляю diff по ключам (а перед этим показываю баг связанный с отсутствием ключей или если например в ключах будет индекс)
5) потом добавляю компоненты и показываю как работает состояние/лайвциклы сначала через классы а потом через хуки
6) потом уже тема стейт-менедежров - показываю подход с иммутабельностью на примере redux а потом мутабельный подход и объяснение как работает mobx через написание его простой версии
Правда эти уроки у меня тогда заняли > 10 часов потому что лайвкодинг но теперь у меня уже есть набранный код и демки и можно просто пройтись по коммитам
источник

М

Мерч in React — русскоговорящее сообщество
Дмитрий
Добрый день.
Коллеги, подскажите пожалуйста, хочу вместо connector использовать хук useDispatch
Проект сделан с помощью React+Redux+Typescript+Saga

Есть у кого примеры как в такой связке должен работать useDispatch.
А то useDispatch просит тип Интерфейс, а вот как его получить я не знаю.
Буду очень благодарен за поощь
Не оч понимаю о чем ты
useDispatch возвращает тебе функу, в которой ты можешь триггерить экшны
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Дмитрий
Добрый день.
Коллеги, подскажите пожалуйста, хочу вместо connector использовать хук useDispatch
Проект сделан с помощью React+Redux+Typescript+Saga

Есть у кого примеры как в такой связке должен работать useDispatch.
А то useDispatch просит тип Интерфейс, а вот как его получить я не знаю.
Буду очень благодарен за поощь
у меня не было никаких проблем с типами с useDispatch, вот пример файла https://github.com/tfomina/User-List-App/blob/master/src/components/App/App.tsx
источник

n

n.kirsanova_HR in React — русскоговорящее сообщество
Доброго  дня. скорей всего вопрос не в эту группу.  Нужен на проект удаленка фрилансер Vue и React  примерно  20  часов, подскажите пожалуйста куда написать ?   спасибо )
источник

D

D M in React — русскоговорящее сообщество
Дмитрий
Добрый день.
Коллеги, подскажите пожалуйста, хочу вместо connector использовать хук useDispatch
Проект сделан с помощью React+Redux+Typescript+Saga

Есть у кого примеры как в такой связке должен работать useDispatch.
А то useDispatch просит тип Интерфейс, а вот как его получить я не знаю.
Буду очень благодарен за поощь
const dispatch = useDispatch();
dispatch(action());
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
n.kirsanova_HR
Доброго  дня. скорей всего вопрос не в эту группу.  Нужен на проект удаленка фрилансер Vue и React  примерно  20  часов, подскажите пожалуйста куда написать ?   спасибо )
источник

n

n.kirsanova_HR in React — русскоговорящее сообщество
спаибо )
источник

Э

Эльдар in React — русскоговорящее сообщество
Arnold Pataki
я правильно понимаю, оборачиваемый компонент ничего не знает о пропсах и функциональности, которые добавляет HOC,  - эта доп функциональность приходит как раз сверху через пропс.
а сами HOC-функции знают о пропсах, которые добавляют другие HOC? - тут зависит от вложенности этих хоков, но по сути верхние хоки знают про нижние props, к примеру hoc2(hoc1(Component)), тут hoc2 знает про пропсы, какие придут из hoc1 в Component
всё, понял, я просто из-за деструктуризации потерял этот список и в {...props} он не попал, теперь разобрался с тем как это работает, спасибо за помощь
источник

М

Мерч in React — русскоговорящее сообщество
Дмитрий
Добрый день.
Коллеги, подскажите пожалуйста, хочу вместо connector использовать хук useDispatch
Проект сделан с помощью React+Redux+Typescript+Saga

Есть у кого примеры как в такой связке должен работать useDispatch.
А то useDispatch просит тип Интерфейс, а вот как его получить я не знаю.
Буду очень благодарен за поощь
наглядный тебе пример
источник

Д

Дмитрий in React — русскоговорящее сообщество
Мерч
наглядный тебе пример
Спасибо.

Вот попробовал, и ошибку поймал.
Error: Actions must be plain objects. Use custom middleware for async actions.
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Дмитрий
Спасибо.

Вот попробовал, и ошибку поймал.
Error: Actions must be plain objects. Use custom middleware for async actions.
на thunk ругается?
источник

Д

Дмитрий in React — русскоговорящее сообщество
у меня saga
источник

М

Мерч in React — русскоговорящее сообщество
Дмитрий
Спасибо.

Вот попробовал, и ошибку поймал.
Error: Actions must be plain objects. Use custom middleware for async actions.
экшн криейтор у тебя возвращает не объект
источник

М

Мерч in React — русскоговорящее сообщество
Покажи экшн криейтор
источник

Д

Дмитрий in React — русскоговорящее сообщество
export const saga = [takeEvery(actions.init.type, init)];
источник

Д

Дмитрий in React — русскоговорящее сообщество
Мерч
Покажи экшн криейтор
const INIT = 'INIT';
const IS_START = 'IS_START';

// actions
export const actions = {
 init: actionCreator(INIT),
 changeStart: actionCreator(IS_START),
};
источник

М

Мерч in React — русскоговорящее сообщество
И как ты в диспатч прокидываешь этот объект?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
dispatch(actions.init())
источник

Д

Дмитрий in React — русскоговорящее сообщество
import { actions } from '@store/init/init';
const dispatch = useDispatch();
useEffect(() => {
   dispatch(actions.init);
 }, []);
источник

SM

Sergey Melnyk in React — русскоговорящее сообщество
Кто юзал form.io? есть какие то альтернативы? что бы не через облако генерить формы
источник