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

create-react-app и поехали

Метод play() возвращает функцию onEnd Почему не могу поймать ее в консоль console.log(onEnd); и как это сделать?

create-react-app и поехали

Я слышал, что это не очень штука

Я слышал, что это не очень штука

для начала с головой хватает

хотя лучше самому писать структуру и привыкать к боли

Action свой пиши не просто функцией, а чтобы она вызывалась с диспатчем

Типа const myAction => params => dispatch => { ... }

Но перед этим подключи thunk

Делаешь внутри функции fetch, в .then() делай диспатч на success, в .catch() диспатч на error

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

https://youtu.be/yOcR_flZ0vo

Да, именно оно

А ты getUserSuccess в этом же файле хранишь?

да

анти паттерн? :D

И он просто возвращает {type: SOME_TYPE, payload: params}?

да

Я просто прямо в .then пишу вот и стало интересно

Хм, красиво выглядит

Может возьму на заметку)

пытаюсь максимально красиво всё делать. Щас учусь в девшколе в местной компании и если всё хорошо пройдет,то возьмут на работу

максимально не говнокодить :D

Тогда могу дать совет, выносить все константы в отдельные файлы

Ты, вроде, так и сделал

да

Но ты получаешь в импорте каждую константу

да

кстати,а если нужно залогинить юзера,нет же смысла инфу выносить в стор? можно же в стейте компонента оставить?

А можно просто экспортить типа { CONSTANT1, CONSTANT2, }

И потом импортить просто этот объект

И в коде тогда будет что-то типа constant.CONSTANT1

Если констант много, то замахиваешься каждую импортить

ну или import * as constants

кстати,а если нужно залогинить юзера,нет же смысла инфу выносить в стор? можно же в стейте компонента оставить?

какую инфу?

логин пароль

Или так

логин пароль

я вообще информацию об инпутах в стейте храню

А я не использую Стейт, потому что это зло и храню в редаксе

ну просто в данном случае смысла нет выносить в стор

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

пихать все в стор - чрезмерная морока и не дают никаких явных плюсов

но это вообще философский вопрос

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

И наоборот

Но, согласен, сколько разрабов, столько и подходов

Use React for ephemeral state that doesn't matter to the app globally and doesn't mutate in complex ways. For example, a toggle in some UI element, a form input state. Use Redux for state that matters globally or is mutated in complex ways. For example, cached users, or a post draft.

Главное - чтобы 60 кадров давало)

вот подход создателя редукса

Всем привет! Посоветуйте UI Kit для React (не натив). Из того, что вы юзали

material-ui не идеальный, но чисто визуально мне понравился больше остальных что я смотрел

А какие еще смотрел?

Кроме materialui больше ничего и нет. Но у него множество ошибок, неточностей дизайна и вёрстки, перепилить какой-то элемент под себя большая проблема. На гитхабе что-то нужное фиксят крайне редко. (тонко агитирую за ангуляр2)

а может кто подсказать по поводу работы с fetch в redux для самых маленьких? чет мне официальная дока не особо помогла разобраться.

если редакс не панацея, и вся работа с приложением строится на общении с сервером, то советую https://github.com/heroku/react-refetch

Всем привет! Посоветуйте UI Kit для React (не натив). Из того, что вы юзали

ant.design

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

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

Ветка next норм

https://www.youtube.com/watch?v=gULfnbZ7dJk

А вы говорите рассказать нечего :) Вот вам и тема для React Moscow Meetup

Ветка next норм

с документацией плохо у них. или я не нашел просто?

в код каждый раз смотреть за пропсами лень

А разве автокомплит не работает?

ERROR: S client not available

https://www.youtube.com/watch?v=gULfnbZ7dJk

Пять минут помучился и выключил. Какой-то нарцисс петросян

))

Пять минут помучился и выключил. Какой-то нарцисс петросян

ну и зря

А в чем вообще смысл этих рассказов про жс? Это же не бэкэнд, достаточно стандарты соблюдать.

А в чем вообще смысл этих рассказов про жс? Это же не бэкэнд, достаточно стандарты соблюдать.

А в бэкэнде не достаточно стандарты соблюдать?

А в бэкэнде не достаточно стандарты соблюдать?

Он наверное имел ввиду, что в бекенде их можно вообще не соблюдать

А в бэкэнде не достаточно стандарты соблюдать?

Еще думать нужно и ебать нули.

а, ну во фронте думать не надо

так что да, проще

как лучше писать? this.setState(prev => ({ ...prev, foo: bar }) vs this.setState(() => ({ foo: bar }))

как лучше писать? this.setState(prev => ({ ...prev, foo: bar }) vs this.setState(() => ({ foo: bar }))

setState сам мержит, так что лучше второй

как лучше писать? this.setState(prev => ({ ...prev, foo: bar }) vs this.setState(() => ({ foo: bar }))

просто this.setState({ foo: bar })

просто this.setState({ foo: bar })

да, я кстати что то упустил что там во втором варианте функция)

Eсть запрос с пмощью axios который возвращает список юзеров, подскажите как лучше создать action creator который будет возвращать новый стейт с полученым списком юзеров

Eсть запрос с пмощью axios который возвращает список юзеров, подскажите как лучше создать action creator который будет возвращать новый стейт с полученым списком юзеров

с redux-thunk const getUsers => () => async (dispatch) => { const users = await axios.get('/users'); dispatch({ type: SAVE_USERS, users }); };

с redux-thunk const getUsers => () => async (dispatch) => { const users = await axios.get('/users'); dispatch({ type: SAVE_USERS, users }); };

а как потом в редюсере лучше оформить кейс с этим action creator

а как потом в редюсере лучше оформить кейс с этим action creator

просто сохранить и все))

а ок)

как и без него, редюсер получает только вот это dispatch({ type: SAVE_USERS, users })

да, я кстати что то упустил что там во втором варианте функция)

да, точняк

@socionika_alignment

а что xhr запросы уже никто не юзает? Все перешли на fetch?

как у него с поддержкой браузерами?

как у него с поддержкой браузерами?

caniuse.com тебе в помощь

плохо с поддержкой

и что, все либы юзают какие-то с фоллбеком на xhr?

полифилл подкючаешь и все хорошо

понятно

а кто-нибудь юзал redux-observable?

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

thunk, saga или этот redux-observable