можно канал с твоими цитатами ? 🌚

косяк в том, что при вызове this.setState({testdata: result.data}) ремаунтится компонент Ping

Потому что у тебя же render компонета App вызывается. Вообще этот state лучше бы поместить внутрь BrowserRouter в какой-то из чайлдов

т.е. лучший подход - выделить корневой компонент и там держать только роутер, а все остальное в чайлдах?

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

и где с таким подходом вебсокет размещать? тоже в чайлде?

Само использование вебсокета лучше вообще не в компонете, а вынести отдельно. В крайнем случае сделать отдельный компонент который будет с ним взаимодействовать. У тебя же там есть redux вроде?

Умный. Реальный дом изменяется только когда это необходимо. Подобные оптимизации применяются для уменьшения пересчетов виртуального дома

есть редакс. не в компоненте это как?

есть redux middleware, типа thunk, saga, вот в них. как-то видел и для вебсокета готовые middleware, сейчас не вспомню

Когда проект вырастает, то стараешься наоборот избежать лишнего количества либ и держаться на React + Redux. Возможно, я не прав, но встречал пока подход такого рода

Когда проект вырастает, то стараешься наоборот избежать лишнего количества либ и держаться на React + Redux. Возможно, я не прав, но встречал пока подход такого рода

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

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

короче кейс какой: 1) на десктопах этот сайдбар должен прилипать при скролле вниз и быть постоянно на виду. когда доскроливаем до определённой точки, он должен отвязаться (при скролле вверх обратно привязаться и быть видимым до тех пор, пока не доскроллю в начало страницы) 2) на мобилках он должен скрываться (и это прилипающее поведение должно отключаться) за экран и выезжать с левой / правой стороны Второе, в принципе, можно самому сделать, обернув в пару div'ов

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

Типо во втором случае оно не вернется в родительскую таску ? А так и заглохнет где-то в дочернем генераторе ?

ох уж эти блокирующие апдейты

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

я к тому, что суть блокирующих операций как раз в том чтобы глохнуть))

Тем более вроде можно ж сразу несколько форков запустить и оно пойдет дальше как только выполнится самый долгий

Promise.all редух-саги решают проблемы которые не существуют уже много лет

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

хочу чтобы к текущему path (http://localhost:3000/ например) прибавлялся query (планирую так модалки реализовать). Текущий path мб любым Компонент с кнопкой, открывающей модалку внутри Route

Ребят зачем нужен connect-react-router?

https://codesandbox.io/embed/yq2wz8okxx

слышал как вроде alias или как-то так есть

Чтобы управлять роутингом из редакс. А также не размещать логику в теле компонентов

Привет, подскажите как можно сделать focus если на инпут то и стили менять лейбла к инпуту с использованием стайлед компонентс?

Добрый вечер) Помогите пожалуйста с проблемой, уже часа 3 сижу... Проблема в action create-ре, я из саги возвращаю обьект, кастомный, так как это не просто запрос по api и там не JSON, как мне прописать в createActions, что бы я получил обьект обратно? Сейчас там вечно Undefined прям перед заталкиванием в сагу проверяю, что там действительно что то есть.

onBlur или как там меняешь обратно

А кто-нибудь драг&дроп интерфейс пилил? Примерно как в трелло. Есть для этого либы интересные?

Я юзал react-dnd, потом выкинул и свою реализацию запилил

чем плох react-beauty-dnd ?

Довольно жирный, а так вроде ничего

Вопрос если короче, какие праметры нужно указать тут: const { Types, Creators } = createActions({ fetchToken: null, fetchTokenLoading: null, fetchTokenSuccess: null, fetchTokenFailure: ['errorMessage'], })

Покажи сагу

Вопрос если короче, какие праметры нужно указать тут: const { Types, Creators } = createActions({ fetchToken: null, fetchTokenLoading: null, fetchTokenSuccess: null, fetchTokenFailure: ['errorMessage'], })

const { Types, Creators } = createActions({ fetchToken: null, fetchTokenLoading: null, fetchTokenSuccess: ['tokens'], fetchTokenFailure: ['errorMessage'], })

Точнее не 'tokens', а 'token' так как в reducer у тебя token

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

Ок)

Народ всем привет, кто что использовал для Инфинити скролла ?

https://www.npmjs.com/package/react-infinite-scroller

Работает нормально на всех устройствах ?

Да вроде как да Ещё как вариант свое решение написать, там не сложно