для современного апликейшЕна

ну типо топ либы для реакт приложения 2к!8

"каждый дрочит как он хочет" прастити

Напишите пожалуйста топ 10 либ по вашему мнению, без которых Реакт приложение будет считаться несовременным.

Мозг.

Напишите пожалуйста топ 10 либ по вашему мнению, без которых Реакт приложение будет считаться несовременным.

https://github.com/enaqx/awesome-react

Мозг.

это не либа

ну типо топ либы для реакт приложения 2к!8

Может, ты, конечно, не знаешь, но либы решают некие проблемы. А не присутствуют just for fun

Народ, как боретесь с race condition? Словил подонка в react-formal. Сперва подумал, что я с ума сошел.

это не либа

https://www.npmjs.com/search?q=brainjs

мне кажется что с 2016 ничего не поменялось, основные либы все теже, только апи поменялось немного

Яваскрипт однопоточен, какие рейс-кондишены?

Не стоит так говорить в js чатике)

Яваскрипт однопоточен, какие рейс-кондишены?

А вот прикинь, бывают

Народ, как боретесь с race condition? Словил подонка в react-formal. Сперва подумал, что я с ума сошел.

семафорами ?

возможно мы говорим о разных рейс-кондишенах

конкретней вопрос можно?

Рейс кондишен это не только про разные потоки

Асинхронные действия тоже могут к нему привести

Яваскрипт однопоточен, какие рейс-кондишены?

Используй сервис воркеры, они работают в отдельном треде

та ёмаё...

Народ, как боретесь с race condition? Словил подонка в react-formal. Сперва подумал, что я с ума сошел.

мб rxjs поможет? выстривание пайпа решит вопрос

конкретней вопрос можно?

Конкретный кейс. Нужно воткнуть календарь с периодом, реализовал это в виде компонента, в котором два скрытых Form.Field и сам компонент календаря. Календарь скидывает выбранный период одним куском (т.е. сразу и начальную, и конечную дату), для обоих Form.Field вызываю props.onChange и в форму попадает значение только одного из них. Если перед вызовом props.onChange делаю случайную задержку, то всё работает. Посадил onChange на всю форму, до формы долетают обе даты, но сохраняется по итогу только одна.

https://www.npmjs.com/search?q=brainjs

cerebral еще

Конкретный кейс. Нужно воткнуть календарь с периодом, реализовал это в виде компонента, в котором два скрытых Form.Field и сам компонент календаря. Календарь скидывает выбранный период одним куском (т.е. сразу и начальную, и конечную дату), для обоих Form.Field вызываю props.onChange и в форму попадает значение только одного из них. Если перед вызовом props.onChange делаю случайную задержку, то всё работает. Посадил onChange на всю форму, до формы долетают обе даты, но сохраняется по итогу только одна.

А как обрабатываешь onChange?

Покажи код обработчика

А как обрабатываешь onChange?

onChange на форме - это чисто отладочный вывод в лог, в продакшене он там мне не нужен

Ребята почему у меня на ноуте крашится и вебпак ругается, а на компе всё норм ? :c

Ну я имею в виду, как сохраняешь

ругается на пути

что не так (

Используй пути, относительно корня проекта.

Относительно файла же, нет?

Растет обрастает https://gist.github.com/artalar/c46b836631d57d5b3a7328b97077d46b

Относительно файла же, нет?

можно и так и так

Относительно файла же, нет?

Можно и так, и так.

Ну я имею в виду, как сохраняешь

Я сам не сохраняю, react-formal сам ведет форму в своём внутреннем стейте

Относительно файла же, нет?

Иногда удобнее с корня пройти через resolve

Макс шарит.

Я сам не сохраняю, react-formal сам ведет форму в своём внутреннем стейте

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

Я тут с полгода назад был виновником целого холивара, после которого перешел на formal. А теперь он стал днищем...

@ZeroBias А ты прав про "дружелюбное сообщество")

чот я давно тут не сидел днем

Конкретный кейс. Нужно воткнуть календарь с периодом, реализовал это в виде компонента, в котором два скрытых Form.Field и сам компонент календаря. Календарь скидывает выбранный период одним куском (т.е. сразу и начальную, и конечную дату), для обоих Form.Field вызываю props.onChange и в форму попадает значение только одного из них. Если перед вызовом props.onChange делаю случайную задержку, то всё работает. Посадил onChange на всю форму, до формы долетают обе даты, но сохраняется по итогу только одна.

увы, формал только палочкой тыкал. Но насколько я читал его доки он не будет так работать. Возможно есть смысл сэмулировать этот календарь не 2мя полями, а одним. Использовать фишку с children === function <Field name='birthDate'> {(props, Input) => <DataProvider> <Input {...props} /> </DataProvider> } </Field>

Я тут с полгода назад был виновником целого холивара, после которого перешел на formal. А теперь он стал днищем...

это фронтенд, привыкай, тут каждая вторая технология через полгода становится днищем

Пол года - что-то много. Через 2 месяца уже устаревать начинает

чот я давно тут не сидел днем

Ты зачем удалил мой комментарий? Я же не его днищем назвал, а либу

((

увы, формал только палочкой тыкал. Но насколько я читал его доки он не будет так работать. Возможно есть смысл сэмулировать этот календарь не 2мя полями, а одним. Использовать фишку с children === function <Field name='birthDate'> {(props, Input) => <DataProvider> <Input {...props} /> </DataProvider> } </Field>

Мне так-то на сервер два поля отправить не помешало бы...

это фронтенд, привыкай, тут каждая вторая технология через полгода становится днищем

Vanilla Js не устареет

Мне так-то на сервер два поля отправить не помешало бы...

чем шлёшь? Нельзя вставить какую-нибудь прослойку-конвертер которая преобразует это одно поле в два перед отправкой на сервер?

Vanilla Js не устареет

и где теперь var?

и где теперь var?

У меня.

чем шлёшь? Нельзя вставить какую-нибудь прослойку-конвертер которая преобразует это одно поле в два перед отправкой на сервер?

Kostylee

Ты зачем удалил мой комментарий? Я же не его днищем назвал, а либу

а) оценочное суждение б) никакой пользы не несет в) флуд

чем шлёшь? Нельзя вставить какую-нибудь прослойку-конвертер которая преобразует это одно поле в два перед отправкой на сервер?

Проще влепить случайные короткие таймауты перед вызовом onChange + контроль, что всё корректно сохранилось

Кстати, а есть какие статические анализаторы помимо линтера, что бы помощнее? Например неиспользуемые экпорты показывать линтер (?) не умеет?

а) оценочное суждение б) никакой пользы не несет в) флуд

По этим критериям можно половину моего трёпа вырезать))

спасибо что понял

Кстати, а есть какие статические анализаторы помимо линтера, что бы помощнее? Например неиспользуемые экпорты показывать линтер (?) не умеет?

Webstorm

=(

Кстати, а есть какие статические анализаторы помимо линтера, что бы помощнее? Например неиспользуемые экпорты показывать линтер (?) не умеет?

в тслинте есть

Kostylee

Чем? обычная практика

Чем? обычная практика

Та надо два поля сохранить, просто через нормальную либу)

тэкс ну я нашел почему, селектор почему то каждый раз новый массив вложенных комментов возвращает =\. его пофиксил стало точечно рендерить только то что нужно

Проще влепить случайные короткие таймауты перед вызовом onChange + контроль, что всё корректно сохранилось

Только ты знаешь полностью свою задачу. Тебе выбирать решение

тэкс ну я нашел почему, селектор почему то каждый раз новый массив вложенных комментов возвращает =\. его пофиксил стало точечно рендерить только то что нужно

Хоть бы референсил, к чему ты

Парни, вопрос, юзаю styled components и css переменные + polished и хочу модифицировать значение из css переменной (darken, например) - затестил всё возможное, но что-то нифига не получилось. Делал ли кто-то такое и если да, то как? Мой скилл юзать гугл к решению не привел

Конкретный кейс. Нужно воткнуть календарь с периодом, реализовал это в виде компонента, в котором два скрытых Form.Field и сам компонент календаря. Календарь скидывает выбранный период одним куском (т.е. сразу и начальную, и конечную дату), для обоих Form.Field вызываю props.onChange и в форму попадает значение только одного из них. Если перед вызовом props.onChange делаю случайную задержку, то всё работает. Посадил onChange на всю форму, до формы долетают обе даты, но сохраняется по итогу только одна.

Скорее всего onChange мержит предидущий стейт с новыми данными, а стейт обновляется только на следующем тике, по-этому добавляется только одно значение. Правильное решение - обновить состояние формы ручками(хз как) и внести изменение сразу для двух филдов, ну и на крайняк использовать setTimeout(0)

Господа, может кто скинуть пример с гитхаба или как-нибудь еще, как вы работаете с данными с сервера?

Я тут за пять минут переписал на хранение стейта формала в redux. И даже там я ловлю race condition. А в redux каков best practice для race condition?

Парни, вопрос, юзаю styled components и css переменные + polished и хочу модифицировать значение из css переменной (darken, например) - затестил всё возможное, но что-то нифига не получилось. Делал ли кто-то такое и если да, то как? Мой скилл юзать гугл к решению не привел

В чём смысл использовать и styled components и css переменные? styled-components полностью покрывают юзкейсы css variables

Я тут за пять минут переписал на хранение стейта формала в redux. И даже там я ловлю race condition. А в redux каков best practice для race condition?

Откуда в редаксе рейс-кондишны?

В чём смысл использовать и styled components и css переменные? styled-components полностью покрывают юзкейсы css variables

ну вот так сложилось

ну вот так сложилось

убедитесь, что в css который генерит s-c остались использования этих variables

выглядит это вот так и вот к этому var(--color-primary) мне надо приделать darken из polished, добавить еще одну переменную - не вариант, переписать - тоже

Откуда в редаксе рейс-кондишны?

В action: return( { type: FORM_FIELDS_CHANGE, payload: searchConditions } ); В редьюсере: case FORM_FIELDS_CHANGE: return ( { ...state, searchConditions: { ...action.payload } } ); Экшн протоколирую в консоль, приходят обе даты, а значит и в редаксе рейс бывает.

убедитесь, что в css который генерит s-c остались использования этих variables

и да, остается

Парни, вопрос, юзаю styled components и css переменные + polished и хочу модифицировать значение из css переменной (darken, например) - затестил всё возможное, но что-то нифига не получилось. Делал ли кто-то такое и если да, то как? Мой скилл юзать гугл к решению не привел

Зачем css-переменные в styled?

В action: return( { type: FORM_FIELDS_CHANGE, payload: searchConditions } ); В редьюсере: case FORM_FIELDS_CHANGE: return ( { ...state, searchConditions: { ...action.payload } } ); Экшн протоколирую в консоль, приходят обе даты, а значит и в редаксе рейс бывает.

в редьюсере напиши console.log(state)

В action: return( { type: FORM_FIELDS_CHANGE, payload: searchConditions } ); В редьюсере: case FORM_FIELDS_CHANGE: return ( { ...state, searchConditions: { ...action.payload } } ); Экшн протоколирую в консоль, приходят обе даты, а значит и в редаксе рейс бывает.

Какие даты? Куда приходят? Выглядит как нормальный экшн

Зачем css-переменные в styled?

мопед не мой

мопед не мой

Понял