Bogdan
из 7к пару соток наберется и то нормально
MVD
<a href
спасибо
Артём
В componentDidMount нужно вызвать несколько методов, в каждом из которых вызывается setState. Я написал все эти методы просто подряд, правильно ли это? Вроде работает, но нужно ли какую-то обёртку или композицию создавать?
Eugene
вообще желательно вообще не вызвать setState в cdm😩
Eugene
какой кошмар, а почему?
В конструкторе можно задать initial state же
Eugene
https://medium.com/@baphemot/understanding-reactjs-component-life-cycle-823a640b3e8d а вообще вот еще статья есть
Илья
какой кошмар, а почему?
Вызывает перерисовку же.
Andrey
вообще желательно вообще не вызвать setState в cdm😩
так может он DOM считает там и сейвит
I
подозреваю, что инфа в статье тоже может быть устаревшей
Eugene
картинка с deprecated методами
в статье написано 🙂
Vadym
вообще желательно вообще не вызвать setState в cdm😩
Бред, везде рекомендуют запросы вызывать в cdm, а результат же потом в стейт записывается
Vadym
Так что сетСтейт в cdm абсолютно нормально
Eugene
Бред, везде рекомендуют запросы вызывать в cdm, а результат же потом в стейт записывается
🙂а еще лучше запросы и вот это вот все вынести в отдельный слой
Daniil
(effector/redux/mobx/вставте-что-нибудь еще)
есть ли смысл выносить запрос когда он используется только в одном компоненте, в котором и будет применен
Илья
🙂а еще лучше запросы и вот это вот все вынести в отдельный слой
То, что setState вызовется в колбеке и так можно в cdm это верно. Тут видимо просто недопонимаение между ответами произошло.
Andrey
есть ли смысл выносить запрос когда он используется только в одном компоненте, в котором и будет применен
есть как минимум чтобы избежать головной боли с отменой запроса/завершением запроса и сетСтейтом с анмаунтед компонентом
Daniil
хорошо, тогда в какую сторону гуглить, где советуют один запрос для одного комопнента выносить куда - то еще вне компонента?
Daniil
в сторону личного опыта
Если он у тебя есть, может объяснишь самый главный плюс и минус ?
Andrey
хорошо, тогда в какую сторону гуглить, где советуют один запрос для одного комопнента выносить куда - то еще вне компонента?
на эффекторе можно лепить атомарные сторы, там в принципе такое by design хорошо получается
Артём
В конструкторе можно задать initial state же
Если загружать данные в конструкторе, то как показать, что идет загрузка? Вот у меня загрузка в cdm, и пока она не закончится будет выводится компонент Loading. А если делать этот ваш initial state, то как это сделать?
artalar
no please
Учитесь на ошибках других...
Andrey
Если он у тебя есть, может объяснишь самый главный плюс и минус ?
как минимум чтобы избежать головной боли с отменой запроса/завершением запроса и сетСтейтом с анмаунтед компонентом
Daniil
понял, спасибо
Pavel
useContext не новляется при useState, кто-нибудь сталкивался?
Илья
Если загружать данные в конструкторе, то как показать, что идет загрузка? Вот у меня загрузка в cdm, и пока она не закончится будет выводится компонент Loading. А если делать этот ваш initial state, то как это сделать?
Речь про “не использовать setState в CDM” шла в рамках синхронного применения. Если у Вас асинхронный запрос и колбек проставляет новое значение в state, то это ок.
Eugene
Ну там Кнут или типо того, всякие книжки по архитектуре
после Кнута интересно вообще захочется остаться в фронтенде... особенно если полностью осилить
artalar
Но он же не о фронте
да разница.....
Pavel
подскажите пакет для работы с авторизацией react + express, или годитса с localStorage и тп поработать? redux и тп не юзаю
Nurbol
Здравствуйте! Я новичок, хочу изучить реакт, советуйте. Книги, док, видео?
Arthur
Или ответ на свой же вопрос ?
Nurbol
вопрос
Andrey
Ну и загружать данные из API в конструкторе бессмыслено.
почему чтобы не ждать, пока компонент отрендерится, и чтобы не было флика с лоадером, когда будет рендер в принципе, применение такому найти можно
Илья
почему чтобы не ждать, пока компонент отрендерится, и чтобы не было флика с лоадером, когда будет рендер в принципе, применение такому найти можно
Потому, что ускорения не получите. Асинхронный запрос в любом случае закончится уже после монтирования и окончания изначального рендера. А даже если разница и есть, то она пренебрежительно мала.
Andrey
Потому, что ускорения не получите. Асинхронный запрос в любом случае закончится уже после монтирования и окончания изначального рендера. А даже если разница и есть, то она пренебрежительно мала.
тут суть не в скорости, а в том, что компонент моргать не будет ну либо он будет по дефолту в состоянии загрузки, тогда этим можно пренебречь
Arthur
Xd
Илья
тут суть не в скорости, а в том, что компонент моргать не будет ну либо он будет по дефолту в состоянии загрузки, тогда этим можно пренебречь
Если состояние компонента зависит от ответа асинхронного, то так и так ответ придет после монтирования.
Andrey
Если состояние компонента зависит от ответа асинхронного, то так и так ответ придет после монтирования.
рендерим компонент (стейт: по умолчанию) ==> cdm(стейт: загрузка, тут флик)
Vadym
Ребята, хочу добавить фукнкционал изменения начала и конца таска. Как это можно реализовать? https://codesandbox.io/s/github/frontvin/gantt-diagram-app
Ihor
А как там в реакте со стилями? все пишут обычные css/scss и просто манипулируют классами в зависимости от условий или используют что-то вроде styled-component и запихивают стили инлайново?
Ihor
ну а есть же какой-то дефолтный подход для большинства случаев?
Cenator 🐈
Это вью либа, тут из дефолтного только редакс и вебпак с натяжкой
Eugene
styled-components😎
Ihor
значит редакс дефолт для реакта для хранения стейта
Ihor
понял
Ihor
ничего не меняется 😄
artalar
effector
Ihor
выглядит клево, я вот посматриваю на него. А есть ли кто писал что-то боевое с использованием эффектора? Хорошо ли себя показало ? Не было ли дифицита возможностей?
artalar
Только девтулзов еще нет
Ihor
Я просто после большого проекта меньше года назад сбежал на ангуляр и новую мажорную версию написал на ангуляре и честно говоря вообще отлично после реакта. Немного головняк был с реактивностью, особенностями onpush стратегии, а так все отлично Но надо написать ещё одно небольшое приложение, захотел освежить знания реакта. Вот и в первую очередь ищу в сообщество ))
Ihor
а что сложного то с onPush ?
Вынуждает или везде использовать rxjs (особенно если компонент есть отображением сервиса), либо при внутренних тиках компонента надо руками вызывать детектор изменений
Volodymyr
Вынуждает или везде использовать rxjs (особенно если компонент есть отображением сервиса), либо при внутренних тиках компонента надо руками вызывать детектор изменений
тебе руками можно не вызывать а на ngAfterView checked или в зависимости от другой задачи надо юзать ченд детекшин + можно без RxJS но этот пакет тебе очень сильно развязывает руки.
Bogdan
сделал пример аторизации/регистрации, разными компонентами, вышло два фактически одинаковых компонента, это нормально?
Bogdan
в каждый тянул формик и в каждом правила валидации
-
Всем привет, в styled-components можно в глобальные стили прокинуть css file ? create-react-app
-
@HellPirate думал в скоп стайледа запихнуть его, потому что порядок применения стилей отличается от дева и прода
Cenator 🐈
Лучше не писать стили так, чтобы они зависели от порядка применения
-
@itsjohncena ну, к примеру, я нормалайз подключаю (сss file), а его стили более специфичны чем globalStyles нормалайза, а в проде все норм, наоборот.
Eugene
https://github.com/sergeysova/styled-normalize 🤔