Делал по этой статейке, но чот сомнительно, что надо через serve запускать https://medium.com/ai2-blog/dockerizing-a-react-application-3563688a2378

Делал по этой статейке, но чот сомнительно, что надо через serve запускать https://medium.com/ai2-blog/dockerizing-a-react-application-3563688a2378

берешь веб-сервер (caddy, nginx) и на все запросы отдаешь index.html

статику если не подхватит, то тоже надо будет настроить

(я не силен просто в этом)

берешь веб-сервер (caddy, nginx) и на все запросы отдаешь index.html

из папки билда?

из папки билда?

да

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

че

а, className={p ? a : b}

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

а, className={p ? a : b}

import cls from ‘classnames’; className={cls({ aaa: cond })}

styled

styled с обсерваблами

а ему нужно сделать лендосик с новым классом по нажатию на форму

styled с обсерваблами

Лучше саги

Лучше саги

Лучше саги даже ничего

Лучше саги даже ничего

хейтер

Как будто что-то плохое)

Бтв я говорил про jss-styled, который сам по себе может юзать нетолько банальные функции но и обсерваблы

И тут саги помогут примерно никак

Я бы их к стилям не впутывал)) Комьюнити в саги получше

больше примерчиков с асинхронным флоу, больше демок и ишуй

а с обзерваблами все по кускам

Комьюнити в редаксе ещё лучше, а толку то

Как фигачили стринг-константы вручную так и фигачат, например

Комьюнити в редаксе ещё лучше, а толку то

ну, стикеры с редаксом есть)

это ж шото значит все таки

Я чет так нигде и не нашёл, в 16 версии функциональные компоненты таки оптимизировали ??

Они так же тянут все хуки жизненно цикла ?

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

Я чет так нигде и не нашёл, в 16 версии функциональные компоненты таки оптимизировали ??

Нет

Нет

Жаль

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

У тебя ничего не начнёт грузиться пока не отработает js и всё не отрендерится

Можно попробовать делать SSR + какой-нибудь префетчинг через контекст реализовать, по принципу isomorphic style loader

Но это сложно

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

В next есть

Префетч

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

Ну у тебя же веб-приложение

У тебя до отработки js вообще ничего нет

Если нужно, прикрути SSR

В next есть

Норм

Как это

Есть пустой хтмл

С дивом с ид рут

Ну да

Это лучше чем ничего))))

Это я и назвал ничего))

Но на самом деле юзайте некст

Крутая вещь

Но на самом деле юзайте некст

Сегодня понял что не очень

Почему?

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

Не смог никак настроить код сплиттинг так как мне нужно

Но его всегда по странично делает

Да

По pages

Или используй dynamic

Прогугли про него

Прогугли про него

Тоже пробовал

В моем кейсе не помогло

Хм

Странно

Мне надо сделать плеер

ERROR: S client not available

Тогда тебе нужны plain routes

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

А при смене пайджей я так и не смог сделать что б он не анмаунтился

Тогда хз

Хм

А если через портал?

А при смене пайджей я так и не смог сделать что б он не анмаунтился

а в чем проблема вынести его за роут?

А если через портал?

При ssr ?

Портал

Точно

Не лучшая идея

Там же новый хтмл

Хотя нет

Там чексумы должны проверятся

Нет?

Плюс все равно если тот компонент который вызвал портал анмауится

Просто в этом плеере у тебя отдельный, не связанный с остальным приложением роутинг

То и то что вставлено через портал тоже

Просто в этом плеере у тебя отдельный, не связанный с остальным приложением роутинг

А как заставить его висеть в памяти ?

При ssr ?

Можно

А как заставить его висеть в памяти ?

Отрендерить его во всех роутах?

Вынести за роутинг?

А как заставить его висеть в памяти ?

Так же как все остальные компоненты У тебя просто отдельный роут, даже не портал

Отрендерить его во всех роутах?

При смене page новый чанк же формируется

Роутингов может быть более одного на одну страницу

Я знаю

Роутингов может быть более одного на одну страницу

Если rr4

Если rr4

Там немного иначе роутинг работает

Да

Там своё

Я кстати использую url-prettifier

Ну там откровенно ничье на самом деле