кода ?

кода в браузере

кода в браузере

https://github.com/highlightjs/highlight.js

кода в браузере

https://github.com/PrismJS/prism/ вроде эта меньше но не пробовал ее

а если я меняю state внутри useEffect - изначальный рендер ведь не будет виден на странице? ну в смысле так же как с CDM?

вроде нет эффект отработает до реального рендера в дом

вроде нет эффект отработает до реального рендера в дом

ну вот у меня чет не получается... вижу первое состояние на пару миллисекунд

Понял, спасибо.

@reshadow

Привет всем. Нацепил handleChange на <Select/>, который обновляет редакс (соответственно и defaultValue идет из редакса). Реакт ругается, что скрытый тип для управления этим объектом.

Как быть?

Привет всем. Нацепил handleChange на <Select/>, который обновляет редакс (соответственно и defaultValue идет из редакса). Реакт ругается, что скрытый тип для управления этим объектом.

У тебя вначале устанавливается undefined, а затем не undefined. React поэтому и ругается.

вроде нет эффект отработает до реального рендера в дом

https://codesandbox.io/s/thirsty-waterfall-8fpgf если жмакать Click, то видно как вначале проскакивает первоначальное значение

У тебя вначале устанавливается undefined, а затем не undefined. React поэтому и ругается.

Спасибо, не заметил как-то

Стайледы но без рантайма. Решедоу, линария, етс

а почему кстати, scss уже так не актуален?

а почему кстати, scss уже так не актуален?

Не позволяет решать задачу непересечение имён классов нормально Не позволяет менять стили в рантайме.

а почему кстати, scss уже так не актуален?

scss никто не отменял. напрмер astroturf можно использовать с существующим пайплайном

Работает все там

как прикрутить функций на кнопку escape в элементе textField из материала? пробовал передать функцию onKeyPress, в ней как e.key приходят клавиши, буквы, ентер, но escape не проходит. const onKeyPress = (e) => { console.log(e.key) }

Ребята, есть хорошие источники по Redux-Saga, что-то пока немного не понимаю. Пользовался раньше Redux-Thunk, там передаются в пропсы Action Creators и просто меняется стрейт по экшенам. Как передается в пропсы SAGA?

https://codesandbox.io/s/thirsty-waterfall-8fpgf если жмакать Click, то видно как вначале проскакивает первоначальное значение

Попробуй useLayoutEffect вместо useEffect. Он вроде отработает до первого рендера

Попробуй useLayoutEffect вместо useEffect. Он вроде отработает до первого рендера

о, это интересно. щас

Попробуй useLayoutEffect вместо useEffect. Он вроде отработает до первого рендера

работает, спасибо

работает, спасибо

Только если с ssr юзаешь, лучше на сервере подменять на useEffect, иначе ворнинги сыпаться будут)

Только если с ssr юзаешь, лучше на сервере подменять на useEffect, иначе ворнинги сыпаться будут)

ага понял

как прикрутить функций на кнопку escape в элементе textField из материала? пробовал передать функцию onKeyPress, в ней как e.key приходят клавиши, буквы, ентер, но escape не проходит. const onKeyPress = (e) => { console.log(e.key) }

e.keycode ?

Хуки работают только во время рендера

Понятно. Дело в том, что мне надо при нажатии как-то делать setState, чтобы попандер появлялся.. Но я же эти функции (со setState) делаю в Sidebar.js , а при onClick на другой компонент SidebarLink они функции эти берутся с Sidebar click prop'a, и не знаю как мне сделать, чтобы стэйты работали https://gist.github.com/michaeldaineka/e3d3d7a49a5fa6849cf127be20abee8a

Ребята, есть хорошие источники по Redux-Saga, что-то пока немного не понимаю. Пользовался раньше Redux-Thunk, там передаются в пропсы Action Creators и просто меняется стрейт по экшенам. Как передается в пропсы SAGA?

const action = yield take('SOME_ACTION'); action.payload

работает, спасибо

на это полагаться не стоит, потому что это в доке не описано и все может поменяться Не знаю что за кейс но может колбек инита стейта зарешает? https://codesandbox.io/s/gifted-elgamal-y1dqs

на это полагаться не стоит, потому что это в доке не описано и все может поменяться Не знаю что за кейс но может колбек инита стейта зарешает? https://codesandbox.io/s/gifted-elgamal-y1dqs

нене, это как раз задокументировано https://reactjs.org/docs/hooks-reference.html#uselayouteffect

Updates scheduled inside useLayoutEffect will be flushed synchronously, before the browser has a chance to paint

нене, это как раз задокументировано https://reactjs.org/docs/hooks-reference.html#uselayouteffect

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

та я сам так думал полчаса назад =)

Подскажите, что подразумевается под SideEffect в реакт

та я сам так думал полчаса назад =)

Ну видишь оно как посмотреть. Зато он точно отрабоатет после того как предидущий эффек повлиял на дом

Ну видишь оно как посмотреть. Зато он точно отрабоатет после того как предидущий эффек повлиял на дом

основная фишка в том, что оно работает синхронно с рендером. поэтому его и рекомендуют как прямую замену cdm

const action = yield take('SOME_ACTION'); action.payload

Есть примеры проектов посмотреть как это на практике

Ребята, есть хорошие источники по Redux-Saga, что-то пока немного не понимаю. Пользовался раньше Redux-Thunk, там передаются в пропсы Action Creators и просто меняется стрейт по экшенам. Как передается в пропсы SAGA?

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

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

Такие требования к технологиям, да вроде она норм, технологичная

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

Чего ты? Пускай наслаждаются..

лучше на санках с экшн creatorами сидеть

лучше на санках с экшн creatorами сидеть

лучше не юзать ридакс

если уж честно говорить

юзать mobx Kappa

Собираю модуль parcel-bundler. Модюль подключил в cra через npm link. И вот когда вотчер включаю parcel watch src/index.js и пытаюсь что то в модуле поменять, то получаю ошибку Cannot read property 'type' of undefined, приходится заново вводить команду parcel watch src/index.js, спрашивается нахрен такой вотчер, или что я не так делаю ?

пили codesandbox с парселом

лучше не юзать ридакс

либо вообще не юзать стор манагеры

Какую CSS in JS с zero run time посоветуете? Reshadow - смущает то что он в альфе

Какую CSS in JS с zero run time посоветуете? Reshadow - смущает то что он в альфе

linaria или astroturf

или цсс модули

народ, а нету вариантов сделать так, чтобы не писать JSX, а писать html, который будет парсится в React.createComponent?

никто не видел/не делал этого?

либо вообще не юзать стор манагеры

что собственно дикая боль для приложений больше маленького

Какую CSS in JS с zero run time посоветуете? Reshadow - смущает то что он в альфе

styled

народ, а нету вариантов сделать так, чтобы не писать JSX, а писать html, который будет парсится в React.createComponent?

зачем?

1. интересно 2. jsx это сахар, который мне не очень нравится иногда

что собственно дикая боль для приложений больше маленького

Можно подробней ? Почему боль ?

пили codesandbox с парселом

Вот это помогло - В WebStorm снимите галочку Use "safe write"

Можно подробней ? Почему боль ?

потому что хуки не заменяют стейт менеджера

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

а есть что то что не эффектор не реактом и не редакс? и не мобкс и что хорошо

а есть что то что не эффектор не реактом и не редакс? и не мобкс и что хорошо

jQuery?

а есть что то что не эффектор не реактом и не редакс? и не мобкс и что хорошо

Тебе не угодишь

а есть что то что не эффектор не реактом и не редакс? и не мобкс и что хорошо

зачем

если на эффекторе и реатоме хорошо

если на эффекторе и реатоме хорошо

эффектор я бы сказал перемудрен

эффектор я бы сказал перемудрен

Оскверняешь святыни

А если про сср заикнешься - бан

а реатом не прод реди

и да, нету сссра)

и да, нету сссра)

есть

эффектор я бы сказал перемудрен

5 функций изучить

ну хз, ты унижаешь свой интеллект

А если про сср заикнешься - бан

при том, что он есть

реатом, я что-то пропустил?

5 функций изучить

ну каких

ну каких

sample, guard, forward, ...

create* всем понятно со времен redux-actions .map понятен из массивов и промисов (.then так же работает) а тем кто юзал rxjs и most будет вообще легко

сравни с rxjs где около 50 операторов)

sample, guard, forward, ...

ну вот же сам пример мало того, дока не ахти у эффектора

Приветстую. кто знает, next-env.d.ts требуется коммитеть?

я просто не понимаю нахрена релизить фичу когда нету доки на нее