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

А был хоть один кейс, когда ты участвовал в обсуждении того, про что кинули скрин и тебе было неудобно? Или ты эдакий борец за правоту?

оффтоп тоже

Для двух строк подсветка очень важна, да

утрировал

Для двух строк подсветка очень важна, да

(event: React.FormEvent<HTMLInputElement>) => setState({ ...state, password: event.currentTarget.value }), togglePersist: ({ state, setState }) => () => setState({ ...state, persist: !state.persist }),

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

вот правильно говоришь

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

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

Ребят, подскажите, при использовании react-redux, когда ты делаешь диспатч, и хочешь сразу же получить эти данные через пропсы, то они не успевают обновиться и проходят старые, но если сделать таймаут на 1 секунду, то приходят нормальные, новые... Причем если импортировать стор и сделать store.getState().лалала, то все норм. Это так и должно работать? Обновляться данные в коннекте с задержкой? Если нет, то в чем может быть проблема и как ее исправить?

Большая когнитивная нагрузка, как любят говорить в коммьюнити :) В целом, сложно себе представить SC на крупных сложных проектах, где декомпозиция это неразрывный процесс и деление на Dumb-Smart можно нормально так заблочить процесс и замедлить прототипирвоание.

ты что-то странное говоришь как деление компонентов на Dumb Smart заблочит процесс? Да и в больших проектах SC вполне хорошо себя показывают.

Ребят, подскажите, при использовании react-redux, когда ты делаешь диспатч, и хочешь сразу же получить эти данные через пропсы, то они не успевают обновиться и проходят старые, но если сделать таймаут на 1 секунду, то приходят нормальные, новые... Причем если импортировать стор и сделать store.getState().лалала, то все норм. Это так и должно работать? Обновляться данные в коннекте с задержкой? Если нет, то в чем может быть проблема и как ее исправить?

не должно

а нет должно

Ребят, подскажите, при использовании react-redux, когда ты делаешь диспатч, и хочешь сразу же получить эти данные через пропсы, то они не успевают обновиться и проходят старые, но если сделать таймаут на 1 секунду, то приходят нормальные, новые... Причем если импортировать стор и сделать store.getState().лалала, то все норм. Это так и должно работать? Обновляться данные в коннекте с задержкой? Если нет, то в чем может быть проблема и как ее исправить?

а зачем тебе сразу же после диспатча получить пропсы и какие пропсы?

юзай will receive props

а не сразу тяни из пропсов

Ребят, подскажите, при использовании react-redux, когда ты делаешь диспатч, и хочешь сразу же получить эти данные через пропсы, то они не успевают обновиться и проходят старые, но если сделать таймаут на 1 секунду, то приходят нормальные, новые... Причем если импортировать стор и сделать store.getState().лалала, то все норм. Это так и должно работать? Обновляться данные в коннекте с задержкой? Если нет, то в чем может быть проблема и как ее исправить?

ты пишешь в одной и той же функции dispatch, а затем сразу после него обращаешься к пропам, и рассчитываешь получить сразу же новые пропы?

К примеру: this.props.changeSearchState(location); console.log(this.props.state.search.searchState)

Ребят, подскажите, при использовании react-redux, когда ты делаешь диспатч, и хочешь сразу же получить эти данные через пропсы, то они не успевают обновиться и проходят старые, но если сделать таймаут на 1 секунду, то приходят нормальные, новые... Причем если импортировать стор и сделать store.getState().лалала, то все норм. Это так и должно работать? Обновляться данные в коннекте с задержкой? Если нет, то в чем может быть проблема и как ее исправить?

https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L158 Тут ответ на твой вопрос почему так

ты что-то странное говоришь как деление компонентов на Dumb Smart заблочит процесс? Да и в больших проектах SC вполне хорошо себя показывают.

Когда оно опциональное - никак, когда у нас привязка идёт только к props (это основной паттерн, как я вижу, для SC), то тут возникают проблемы. Но пока и в JSS с props это не решено. Вот здесь видение высказыал: https://github.com/cssinjs/jss/issues/356#issuecomment-281756605

Когда оно опциональное - никак, когда у нас привязка идёт только к props (это основной паттерн, как я вижу, для SC), то тут возникают проблемы. Но пока и в JSS с props это не решено. Вот здесь видение высказыал: https://github.com/cssinjs/jss/issues/356#issuecomment-281756605

какого рода проблемы возникают?

@DenisIzmaylov перечитал дважды твой коммент, не понял какие же ошибки в SC

В продолжении активности только что зарелизили https://github.com/axept/prejss - полностью кастомизируемый PostCSS-to-JSS адаптер, который позволяет использовать CSS, включая Global, keyframes и media прямо в модуле и получать из него Plain JSS объект. Изначально делали его для ускорения миграциии SCSS -> JSS, но в целом может кому-то и понравится сам Styled Components подход.

Очень круто!

Ошибся чатом, прошу меня простить.

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

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

если sCU === true

Кто заставил взлететь react-redux + Flow?

во flow есть даже $Diff

должно быть совсем хорошо, я не тестил

Я с connect() упарываюсь уже второй день.

гайз, нужна хелпа

https://github.com/react-component/calendar

нужно заюзать вот этот календарь http://react-component.github.io/calendar/examples/antd-range-calendar.html

не понимаю, надо руками заимплементировать код внизу или как-то его поджключить.

?

потому что подключением через import RangeCalendar from 'rc-calendar/lib/RangeCalendar'; выходит какая-то дичь

потому что подключением через import RangeCalendar from 'rc-calendar/lib/RangeCalendar'; выходит какая-то дичь

ну ты смотри что ты подключаешь

import Calendar from 'rc-calendar'; import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render(<Calendar />, container);

Не?

все оказалось просто, там не прописаны dependencies

надо поставить момент, подключить весь css, что в примере прописан

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

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

цсс?

мб потому что не всем так нужно и это обычная ситуация?

да, уже тоже про это подумал

что-то тяжелый день какой-то

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

понедельник, у нас вот кофе вообще закончился, тож не легко :D

Посоветуйте книги или маны по реакту. В шапке нет инфы.

Посоветуйте книги или маны по реакту. В шапке нет инфы.

документация

+ google github awesome react

@iamstarkov спасибо.

К примеру: this.props.changeSearchState(location); console.log(this.props.state.search.searchState)

зачем они тебе сразу? жди пока обновится стор, получи новые данные через mapstatetoprops

Гайз

Вопрос

Проект на ангуляре, я на него пришёл, чтобы плавно переводить на реакт, пока - в виде компонентов

Есть трабл

(Помимо ангуляра)

(И тайпскрипта)

Пытаюсь подключить в ангуляровский модуль react - ts орёт, что ждёт там string, а не react

ERROR: S client not available

Все перерыл, ничего не могу найти по теме

Код могу скинуть

Есть идеи че за хня?

ReactDom.renderToString() ?

Нене

К самому компоненту у ts претензий нет

Речь о самом подключении react в модуль

Stackoverflow.com/questions/42488713

Вот

В чем разница от webpack-dev-server и webpack-dev-middleware? Что лучше использовать?

Вот

там же написано, что второй аргумент в angular.module это массив строк, а ты туда передаёшь React а вообще вопрос плохой, покажи нормальный полный код где-нибудь на jsbin, а не куски

В доках ngreact он так и подключается, в том и дело.

Там в модуле остальной код - импорты и контроллер

В чем разница от webpack-dev-server и webpack-dev-middleware? Что лучше использовать?

первое - готовый сервер, для разрабоки, второе всеголи middleware, которая встраивается в сервер

в данном случае 1е использует 2е

в данном случае 1е использует 2е

Спасибо

В доках ngreact он так и подключается, в том и дело.

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

Сейчас с компа зайду

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

мне нужно из ?param1=gg&params2=kek перевести в {param1: 'gg', param2: 'kek'}

Не реакт, но может быть можно заюзать URLSearchParams

скажите, кто с docker хорошщо работал - это нормлаьно что он при создани репо и первом пуше - все связанные с ним репо грузит?

да

потом уже если я буду чето по мелочи в своем менять то уже не придется 30 минут ждать?

потому что уменя там на 100кб реакт приложение

а кто то сталкивался с shallowObservable в мобиксе? на сколько я понял, оно обсервит только ссылку на объект то есть при изменении объекта в поле, которое shallowObservable перерендерятся все компоненты, которые от него зависят, а при обычном observable только те компоненты, которые зависят от изменившихся полей объекта?

вопрос про связку React/Redux/SSR: есть компонент. в componentWillMount вызывается некий action (не асинхронный) и меняет одно из свойств state. в методе render на сервере "присоединенные" свойства из соответствующего state равняются начальному значению. Почему такое может быть? Это из-за того, что setState асинхронный?

блиа это уже третий чат в который ты пишешь из моих