Да, я уже понял.

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

Буду придумывать с общим стейтом

зачем тебе избавляться от рендера?

У меня там fullpage-react, это слайды крутит. Нужно переходить в определенное место по ссылке

Привет! React.Amsterdam обьявили первых спикеров для React и Native треков на сайте: https://react.amsterdam/#talks Еще будут крутые воркшопы от KeystoneJS и Callstack.io: https://react.amsterdam/#workshops

У меня там fullpage-react, это слайды крутит. Нужно переходить в определенное место по ссылке

То есть ты хочешь обновить урл в браузере, но при этом, чтобы роут не отработал? :/

Да =)

Обычно в такие моменты оказывается, что с задачей что-то не так)

Да все то с задачей.

Кстати, кто юзал fullpage-react, на мобиле работает скролл ?

Да, работает.

Нашел решение, нужно просто выкинуть react-router

классический вопрос - с чего начать учить реакт? с оф. документации? Js знаю на очень среднем уровне.?

У меня есть страница на реакте (не SPA). Не могу понять, как лучше отдавать state с бекенда. В state нужно передать данные, которые доступны с нескольких API endpoint. Какие я вижу варианты: 1. На бекенде есть отдельная вьюха, которая сама соберёт данные и отрендерит в какой-нибудь глобальный js-объект. А в initialState этот объект забирается и разбирается на нужные куски. Сейчас примерно этот подход и используется. 2. Грузить тем же способом какой-то минимальный кусок инфы (URL'ы API, с которых надо забрать инфу, например). А фронтенд сам при рендере делает запросы 3. То же самое, что и 2, только с серверным рендерингом. 4. Что-то ещё, что я упускаю. Backend на питоне, если это важно. Подскажите, как такие кейсы разруливают. Если можно, то ссылкой.

1 способ самый быстрый.

Пытались делать серверный рендеринг на java c большими объемами данных. Решение работало 2 месяца и на него решили забить, отпало желание все это подерживать.

Нашел решение, нужно просто выкинуть react-router

отличное решение!

для внутр. испол. сделал диаграмму ганта https://alexsuslov.github.io/react_gantt/

а чего она скажет по скроллу колесиком?

меняется масштаб дат

а чего она скажет по скроллу колесиком?

Как вы думаете, нормальная ли идея выносить работу с рест апи в отдельные сервисы (ангуляр стайл) в реакт приложении?

Как вы думаете, нормальная ли идея выносить работу с рест апи в отдельные сервисы (ангуляр стайл) в реакт приложении?

А что в этой идее ненормального? По-моему очень даже хорошая идея, т.к. вся работа с API фактически будет сосредоточена в нужных для этого местах.

если react+redux то незачем, с одним реакт вполне

если react+redux то незачем, с одним реакт вполне

А как тогда лучше делать общие сущности для работы с апи ресурсами?

Как вы думаете, нормальная ли идея выносить работу с рест апи в отдельные сервисы (ангуляр стайл) в реакт приложении?

так это правильно Ты отделяешь view и сервисы получения данных

На странице есть попап, который появляется при клике на кнопку. Начальное состояние display none, мне же получается нельзя появление попапа через redux делать так как будут изменяться входные данные, то есть display none будет меняться на display block?

Тут redux не нужен

Тогда это просто в компоненте сделать?

Ну как. Вообще нужно смотреть не структуру

У тебя кнопка в каком-то другом компоненте или ты все в одном делаешь?

И кнопка и попап в одном

Это как целый компонент

На странице есть попап, который появляется при клике на кнопку. Начальное состояние display none, мне же получается нельзя появление попапа через redux делать так как будут изменяться входные данные, то есть display none будет меняться на display block?

не очень понятно, т.е. попап срабатывать будет когда в сторе есть твои данные?

{this.props.isPopupShown ? <Popup/> : null }

Тогда делай без redux, через ref

Да зачем )

Состояние попапа хранишь в стейте, по кнопке меняешь стейт

Ну как Сергей пишет

Так правильнее

{this.props.isPopupShown ? <Popup/> : null }

{this.props.isPopupShown && <Popup/>}

А попап в рендере вон как выше написали

Попап с флагами

Что?

С какими флагами?

Ну если нажать на флаг

это вообще на селект похоже )

Да

Но я разделил логику на открытие попапа и на выбор селекта

Но если по простому — то тебе выше все расписали)

Ну в общем лучше это прямо в реакт компоненте сделать ?

Да

Окей, спасибо

#question Посоны, вопрос битый, но пож-та накидайте инструментов которые юзаете для css in js.

https://t.me/webstandards_ru/1867

наслаждайся

Вааааааааууууууу ептишь круто. Спасибо мужик.

По моему это фигово

Там месяц нужно чтобы все посмотреть

зато будем мастером css in js

ну и там есть сводная таблица с фичами каждого решения

достаточно недели

что бы на всем поработать, всего есть 3 подхода

что бы понять что это не нужно

по моему это вообще дикость какая-то писать css в js

Не нужно в твоем случае

ERROR: S client not available

Не нужно в твоем случае

+1

что бы на всем поработать, всего есть 3 подхода

А что за подходы?

ты можешь в личку написать :)

))

Давай тут ?

по моему это вообще дикость какая-то писать css в js

Что бы в очередной раз услышать ?

Что бы в очередной раз услышать ?

Ты сам то что юзаешь для каэсэсинджиэс? )

jss

по моему это вообще дикость какая-то писать css в js

неа

неа

Народ просто желает что бы все оставалось как прежде

Ты сам то что юзаешь для каэсэсинджиэс? )

Есть жи styled-components

Народ просто желает что бы все оставалось как прежде

как в Netscape Navigator 4 ? )

При использовании редакса вообще все все состояния страницы должны находиться в сторе?

все состояния приложения

При использовании редакса вообще все все состояния страницы должны находиться в сторе?

нет

Если есть кто хорошо в редаксе разбирается напишите в лс пожалуйста

тут задавай вопросы) мб кто-то тоже что-то новое узнает

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

а тут типо обычно что-то другое обсуждают))

а мы тоже делаем :D

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

Поэтому и решил редакс использовать

для внутр. испол. сделал диаграмму ганта https://alexsuslov.github.io/react_gantt/

ссылки не работают

простое правило, если что-то касается исключительно UI (табы, дропдауны, селекты и прочая хрень) - можно спокойно хранить в локальном стейте компонента. В противном случае в стор

простое правило, если что-то касается исключительно UI (табы, дропдауны, селекты и прочая хрень) - можно спокойно хранить в локальном стейте компонента. В противном случае в стор

ого

простое правило, если что-то касается исключительно UI (табы, дропдауны, селекты и прочая хрень) - можно спокойно хранить в локальном стейте компонента. В противном случае в стор

ну хз, если react(store) = ui, то состояние табов тоже лучше в сторе хранить как по мне

Ну вот у меня 13 селектов, которые ещё и сделаны как li, к каждому привязана маска инпута. Мне получается на все селекты онклик повешать?

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

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

Ну вот у меня 13 селектов, которые ещё и сделаны как li, к каждому привязана маска инпута. Мне получается на все селекты онклик повешать?

мм, onChange + value