и немного затюнился там

все пашет

там нет проблем

Нет hmr - нет проблем

у хмр само собой есть свои особенности, все работать не может с ним также как с полным релоадом страницы

при этом я как бы добавил само собой rewired

У тебя hmr под ревайрд работает? Или ты путаешь с hot reload?

но обычно это происходит тогда, когда у тебя компоненты behavior зависимые, а не от стейта внешнего

Года три (?) назад нам показали hmr и time travel. Ни тем, не другим я так и не воспользовался ? Мне хочется любить Абрамова, но ощущение, что он все время меня подставляет. Помимо вышесказанного и редакса, я месяц плевался погружаясь в дзен react-dnd

юзай react-beautiful-dnd ?

У тебя hmr под ревайрд работает? Или ты путаешь с hot reload?

hmr === hot modules reload

юзай react-beautiful-dnd ?

Его тогда еще не было. И, кстати, я тогда написал подчти копию react-beautiful-dnd (пришлось...)

hmr === hot modules reload

hot module replacement

вообще-то)

ну в смысле да

те же яйца только в профиль

Его тогда еще не было. И, кстати, я тогда написал подчти копию react-beautiful-dnd (пришлось...)

сложненько )

ну в смысле да

У тебя hmr под ревайрд работает?

Его тогда еще не было. И, кстати, я тогда написал подчти копию react-beautiful-dnd (пришлось...)

я тут еле разобрался как его заюзать с вложенными списками ))

и то немного не так работает, как хотелось бы

Года три (?) назад нам показали hmr и time travel. Ни тем, не другим я так и не воспользовался ? Мне хочется любить Абрамова, но ощущение, что он все время меня подставляет. Помимо вышесказанного и редакса, я месяц плевался погружаясь в дзен react-dnd

hmr полезный

hmr полезный

не спорю

Но я до сих пор жду его в CRA

Но я до сих пор жду его в CRA

а я с палкой и вебпаком сижу C:

Поддерживать 4 версии вебпака и тонны модулей к нему - то еще удовольствие

Я тактично от этого отказался в сторону CRA

ЗА ИСКЛЮЧЕНИЕМ HMR КОНЕЧНО

>_<

Я тактично от этого отказался в сторону CRA

а ты обычный юзаешь или next?

обычный

ssr не нужно ?‍♂️

я про cra next с бабелем 7

.

подскажите плиз. есть форма. 2 селекта(компонента). <div> <FilterRegions /> <FilterCities /> </div> в одном список областей есть, а в другом хочу асинхронно подтягивать список городов. вся подвязано к redux. во втором компоненте (с городами), пробую их получать в componentDidMount. значение области передаю во второй компонент с помощью connect в mapStateToProps. к сожелению, не работает ))) я чего-то очень глубокого не понимаю? подскажите плиз, только учусь

подскажите плиз. есть форма. 2 селекта(компонента). <div> <FilterRegions /> <FilterCities /> </div> в одном список областей есть, а в другом хочу асинхронно подтягивать список городов. вся подвязано к redux. во втором компоненте (с городами), пробую их получать в componentDidMount. значение области передаю во второй компонент с помощью connect в mapStateToProps. к сожелению, не работает ))) я чего-то очень глубокого не понимаю? подскажите плиз, только учусь

а ты ждешь данные во втором компоненте ?

@Majula видимо нет. а как ждать?

я про cra next с бабелем 7

не слышал даже, а что там новенького?

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

не слышал даже, а что там новенького?

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

@Majula видимо нет. а как ждать?

не рендерить пока их нет, if(data === null) return null

Кто-то ещё ток ждёт фрагменты, ппц)

Кто-то ещё ток ждёт фрагменты, ппц)

А кто-то привык <React.Fragment> ?

=(

У тебя hmr под ревайрд работает?

ДА!

Ну, как бы, не велика беда

А кто-то привык <React.Fragment> ?

++

Кто-то ещё ток ждёт фрагменты, ппц)

через годик и новый контекст дойдет ?

Ну это отстойно, я рад что можно просто без этого

Уже optional chaining добавил, лол

ДА!

Норм, и как оно? Ты сам как-то заводил или есть инструкция (занят пока гуглить)?

через годик и новый контекст дойдет ?

Теплое и мягкое

Уже optional chaining добавил, лол

А вот это тема

не рендерить пока их нет, if(data === null) return null

я вижу данные в componentDidMount но почему-то мои методы получения городов не срабатывают

Норм, и как оно? Ты сам как-то заводил или есть инструкция (занят пока гуглить)?

а что значит у тебя не работает?

я ничего не делал вообще

оно само по себе у меня фунциклирует

я вижу данные в componentDidMount но почему-то мои методы получения городов не срабатывают

можно чуть чуть кода, а то так непонятно

оно само по себе у меня фунциклирует

Т.е. ты обновляешь строку в тексте (в коде) и у тебя страница не перезагружается, стейт не сбрасывается, а только текст обновляется на странице?

не рендерить пока их нет, if(data === null) return null

подвязал thunk, диспатчу метод..

можно чуть чуть кода, а то так непонятно

это во втором компоненте const mapStateToProps = (state) => { return { cities: state.cities, hasErrored: state.hasErrored, isLoading: state.isLoading, regionValue: state.region.value }; }; const mapDispatchToProps = (dispatch) => { return { fetchData: (url) => dispatch(citiesFetchData(url)) }; }; export default connect(mapStateToProps, mapDispatchToProps)(FilterCities);

regionValue: state.region.value - получаю область

экшин криейтеры export function citiesLoadRequested(bool) { return { type: 'CITIES_LOAD_REQUESTED', isLoading: bool }; } export function citiesLoadFail(bool) { return { type: 'CITIES_LOAD_FAIL', hasErrored: bool }; } export function citiesLoadOk(cities) { return { type: 'CITIES_LOAD_OK', cities }; } export function citiesFetchData(url) { return (dispatch) => { dispatch(citiesLoadRequested(true)); fetch(url) .then((response) => { if (!response.ok) { throw Error(response.statusText); } dispatch(citiesLoadRequested(false)); return response; }) .then((response) => response.json()) .then((cities) => dispatch(citiesLoadOk(items))) .catch(() => dispatch(citiesLoadFail(true))); }; }

Т.е. ты обновляешь строку в тексте (в коде) и у тебя страница не перезагружается, стейт не сбрасывается, а только текст обновляется на странице?

ну ппц... я сейчас проверю специально

сейчас пошуршал в инете типа есть react hot loader, а есть hmr

=)

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

?

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

Ты с бекенда, да?

Таким и hot reload - радость огромная :)

ERROR: S client not available

да у меня перезагружается страница

но вот еще раз

у меня все компоненты написаны правильно

поэтому я не страдаю от этого

Да это понятно

там где у меня есть local state он проносится через derived сначала

Почитай, для интереса, о hmr и посмотри как это работает - выглядит магическки

Но на практике лагает =(

Почитай, для интереса, о hmr и посмотри как это работает - выглядит магическки

да я раньше его юзал

эта магия не всегда работала

иногда от нее только больше проблем было

Ага

Кстати

В CRA hmr для стилей и scss по умолчанию включен!

по крайней мере меня сейчас вполне устраивает этот реакт хот лоадер

у меня это происходит все мгновенно

а так как нужные стейты сохраняются в локал сторадж

так вообще не замечаю разницы

у меня это происходит все мгновенно

А у меня core i5 старенький =\

так вообще не замечаю разницы

ну стейт сбрасывается

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

то есть во втором компоненте ты их не можешь вытащить из this.props.cities?

А у меня core i5 старенький =\

ну блин... я тебе сочувствую

@artalar разорись уже на норм компутер для разработки надо всего то каких то 60 тыс

Теплое и мягкое

так и там и там версии реакт, не?

минимум 32 гига оперы, i7 проц хороший

и ssd m2

или я совсем уже

вышел из ума

и самое главное мать дорогую возьми 12+

то есть во втором компоненте ты их не можешь вытащить из this.props.cities?

this.props.cities - при инициализации - пустой массив. я хочу после выбора области в первом компоненте, отправить аякс и получить список городов. я не могу его получить (добавить в стор)

так и там и там версии реакт, не?

Нет. <> - синтаксис, который транспилирует бабель, а не реакт

Нет. <> - синтаксис, который транспилирует бабель, а не реакт

сорьки, не знал