ага, если не юзать еффектор =)

камон...

товарищи, подскажите - в классе компонента объявление стейта внутри конструктора и вне конструктора чем отличаются?

извините за мат

Нет

товарищи, подскажите - в классе компонента объявление стейта внутри конструктора и вне конструктора чем отличаются?

За м*ат извен*

товарищи, подскажите - в классе компонента объявление стейта внутри конструктора и вне конструктора чем отличаются?

Транспилириуй бабелем онлайн и увидишь

Если не ошибаюсь, все равно конструктор создается

а есть кто в create-react-app переехал на 4ый webpack?

я переехал

Просто собрал свой бойлерплейт: https://www.npmjs.com/package/@web-project/react

Всем привет! Может кто подсказать, у меня есть небольшой редюсер + акшэн криетор, который делает асинхронный запрос к api на получение пользователя и сохранение его в стейт. Вопрос в том, кто для него должен пораждать действия?

соответственно получение пользователя должно происходить после авторизации

Всем привет! Может кто подсказать, у меня есть небольшой редюсер + акшэн криетор, который делает асинхронный запрос к api на получение пользователя и сохранение его в стейт. Вопрос в том, кто для него должен пораждать действия?

Redux-thunk

+

Акшн креатор должен вохвращать ф-цию. И надо подключить мидлвейр thunk

Мне кажется там даже меньше может быть

Одна из причин почему это бета — +5 кб кода при компиляции. А вообще я слежу за размером постоянно, библиотека сразу поставляется в сжатом виде

а есть у кого статейка по санкам для чайников?

а есть у кого статейка по санкам для чайников?

Открой исходники и сам всё поймёшь

а то у меня сейчас акшон криетор выполняет асинхронный запрос

а то у меня сейчас акшон криетор выполняет асинхронный запрос

Значит всё идёт по плану

так писать можно или надо писать handleLogout={handleLogout} ??? <LogoutLink src="logout" {...{ handleLogout }} />

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

Просто собрал свой бойлерплейт: https://www.npmjs.com/package/@web-project/react

а бабель сам не может считать browserslist из package.json?

https://github.com/doasync/web-project-react/blob/a53540b0cc1996441a64a3edd947976077a6b112/babel.config.js#L7

а есть у кого статейка по санкам для чайников?

Не надо никаких статей, thunk это просто метод в пару строчек, ели экшн креэйтор возвращает функцию, то санк возвращает обертку над этим экшеном и пробрасывает туда диспач редакса, и дальше ты можешь делать асинхронный запрос и на любом его этапе диспатчить экшн, который тебе нужен

Кто - нибудь посдкажет, где правильней делать пуш хистори?

походу я его использую уже ) Сам запутался в терминах

Кто - нибудь посдкажет, где правильней делать пуш хистори?

Там и делай, че нет

Импортить в класс хистори и в обработчике на клик пушить, я так понимаю неправильно?

Смотрите. Вот по идее, у меня два компонента, один отвечает за роуты внутри системы после входа юзера, другой рендерится если пользователь еще не вошел и он ренедрит страницу входа и пару роутов на регистрацию и восстановление пароля, теперь вопрос такой, как мне назвать эти два компонента? Сейчас они называются WithAccess и WithNoAccess, амне не нравится, прошу совета

Импортить в класс хистори и в обработчике на клик пушить, я так понимаю неправильно?

вот кстати history запоминает историю роутов же? тайм тревелить по идее можно да?

НО тогда по идее состояние тоже должно сохраняться постоянно

а бабель сам не может считать browserslist из package.json?

а, спасибо, забыл убрать. он раньше не мог, с 7-й научили

вот кстати history запоминает историю роутов же? тайм тревелить по идее можно да?

https://www.npmjs.com/package/history  тут можешь почитать

https://www.npmjs.com/package/history  тут можешь почитать

а с неймингом че делать?

НО тогда по идее состояние тоже должно сохраняться постоянно

Не знаю, не работал с тайм тревелом, но очевидно, что да

самый первый вопрос

а с неймингом че делать?

каим неймингом?

Смотрите. Вот по идее, у меня два компонента, один отвечает за роуты внутри системы после входа юзера, другой рендерится если пользователь еще не вошел и он ренедрит страницу входа и пару роутов на регистрацию и восстановление пароля, теперь вопрос такой, как мне назвать эти два компонента? Сейчас они называются WithAccess и WithNoAccess, амне не нравится, прошу совета

Смотрите. Вот по идее, у меня два компонента, один отвечает за роуты внутри системы после входа юзера, другой рендерится если пользователь еще не вошел и он ренедрит страницу входа и пару роутов на регистрацию и восстановление пароля, теперь вопрос такой, как мне назвать эти два компонента? Сейчас они называются WithAccess и WithNoAccess, амне не нравится, прошу совета

Ничего не понял

Если тебе надо рендерить какой-то компонент в зависимости от состояния авторизован/ не авторизван юзер, почитай в доке роутера про PrivateRoute

Ничего не понял

есть компонент в которой рендерится форма входа, и роуты на регистрацию и восстановление пароля. есть компонент в котором ренедерится главная страница системы внутри и роутер для системы, как назвать и тот и другой компонент

тебе с неймингом помочь?)

тебе с неймингом помочь?)

да. как обычно называют?

да как хочешь, но чтобы было понятно

Кто-нибудь подскажет?

Кто - нибудь посдкажет, где правильней делать пуш хистори?

Импортить в класс хистори и в обработчике на клик пушить, я так понимаю неправильно?

подскажите пожалуйста почему при событие не выводит запрошенные мной данные delObjeck(event){ this.setState({currentItem: event.target.id}) console.log(event.target.name) }

https://stackblitz.com/edit/react-bvkf7t?file=Hello.js

actions.js:18 TypeError: transformData is not a function at dispatchRequest (react-dom.development.js:17430) Сталкивался кто с таким?

Нет

как вообще дебажить такие вещи?

я использую formik он прокидывает dispatch ??? или как мне надо сделать connect(null, null) а в следующем аргументе передать формик который внутри будет диспатч содержать?

или мне надо сделать mapDispatchToProps(funcs) и потом описывать в формике хендлеры с этими функциями?

всем привет. реакт только начал изучать. возможно ли на реакте сделать систему виджетов? виджет - npm пакет, где index.js - главный компонент. Есть массив активированных виджетов (из бд), нужно рендерить все виджеты из массива (в массиве id виджета) в App например

всем привет. реакт только начал изучать. возможно ли на реакте сделать систему виджетов? виджет - npm пакет, где index.js - главный компонент. Есть массив активированных виджетов (из бд), нужно рендерить все виджеты из массива (в массиве id виджета) в App например

если я правильно понял что ты хочешь, то к react это не особо имеет отношение. тебе нужно использовать dynamic import для подключаемых виджетов (например, через webpack) https://webpack.js.org/guides/code-splitting/#dynamic-imports

а почему в коде выше в реакте работает не понимаю

Не надо писать сообщения столбиками!

Программисты вообще спят >_>

Программисты никогда не спят

Программисты вообще спят >_>

как спать, когда баги сыпятся

ERROR: S client not available

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

возникает не всегда, может это быть какой то сайд эффект?

возникает не всегда, может это быть какой то сайд эффект?

Да - hmr

Да - hmr

То есть можно на него забить?

На кого?

На кого?

На этот баг, потому что hmr нет в продакшне

да

Спасибо

Всю ночь над ним просидел

ребят, подскажите такую штуку: я когда в пропс передаю кусочек стейта, он дублируется или ссылается на оригинал?

ребят, подскажите такую штуку: я когда в пропс передаю кусочек стейта, он дублируется или ссылается на оригинал?

Ссылка

Спасибо

Кто - нибудь посдкажет, где правильней делать пуш хистори?

Ты про history от роута?

Привеет)) Есть какой нибудь адекватный способ выбрасывать в инфинит скролле из дома все айтемы которые не видно и максимально быстро возвращать их?) Скажем у меня 5+ айтемов на роу и помещается 3 роу на монике и в каждом свой график на свг и таких айтемов в листе от 1к Иии да, lazy load реализован, но графики динамически обновляются и когда айтемов становится много начинается слайдшоу)) сделал инициализацию и анимацию только во вьюпорте но дом все равно большой и все равно отрисовка тяжелая

Привеет)) Есть какой нибудь адекватный способ выбрасывать в инфинит скролле из дома все айтемы которые не видно и максимально быстро возвращать их?) Скажем у меня 5+ айтемов на роу и помещается 3 роу на монике и в каждом свой график на свг и таких айтемов в листе от 1к Иии да, lazy load реализован, но графики динамически обновляются и когда айтемов становится много начинается слайдшоу)) сделал инициализацию и анимацию только во вьюпорте но дом все равно большой и все равно отрисовка тяжелая

react-virtualized

Привеет)) Есть какой нибудь адекватный способ выбрасывать в инфинит скролле из дома все айтемы которые не видно и максимально быстро возвращать их?) Скажем у меня 5+ айтемов на роу и помещается 3 роу на монике и в каждом свой график на свг и таких айтемов в листе от 1к Иии да, lazy load реализован, но графики динамически обновляются и когда айтемов становится много начинается слайдшоу)) сделал инициализацию и анимацию только во вьюпорте но дом все равно большой и все равно отрисовка тяжелая

я делал через react-visibility-sensor. ты можешь получить для каждого элемента состояние видимости (в пределах вьюпорта), далее по вкусу

Привет парни. Помогите отстающему, плз. Как мне получить данные из then промиса? Я возвращаю data из промиса и получаю новый промис, а не данные. Мне что, создавать выше переменную и в неё записывать данные из промиса?

resolve(data)

в одном компоненте только один метод рендер может быть ?

Спасибо)

я делал через react-visibility-sensor. ты можешь получить для каждого элемента состояние видимости (в пределах вьюпорта), далее по вкусу

Руками через getBoundingClientRect сделал посмотрю)) пасиб

resolve(data)

Я не понял)

ну ты резольвишь

в then у тебя data

что тебе ещё надо?

поясните плз в 2 словах - зачем редакс нужен в пару к Реакт?

Console.log(data) то что нужно. Если data => data, то у меня опять промис

поясните плз в 2 словах - зачем редакс нужен в пару к Реакт?

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

спасибо