https://developers.google.com/speed/pagespeed/insights/

в каком смысле?

Ну например: после сборки проекта, main.js файл весит более десять мегабайта

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

чтобы рейт был не ниже определенного уровня

Ну например: после сборки проекта, main.js файл весит более десять мегабайта

да не мерит никто мегабайтами

вон ссылку вышн глянь

Ну например: после сборки проекта, main.js файл весит более десять мегабайта

ты заебешьмя писать на реакте, чтобы в проде твой проект весил 10мегабайт :)))

у меня со всеми излишествами большой проект min.js весил 3,5 метра после gzip, около 700кило

минифицированый и под жзипом еще))

ты заебешьмя писать на реакте, чтобы в проде твой проект весил 10мегабайт :)))

Это точно

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

скажем там, в дев окружении 30+ мегабайт это норм еще

открыть его :)

можно еще заюзать бротли формат какой-то

и там из 3.5 превратится в 550 кб

Понятно. Существует ли готовый инфраструктура(ы) для написания блогов на основе react.js? (Похожий на PHP MVC)

ну если еще учесть разбиение на чанки и lazy load, то вообще нет смысла заморачиваться

Понятно. Существует ли готовый инфраструктура(ы) для написания блогов на основе react.js? (Похожий на PHP MVC)

шаблонизатор ?

Понятно. Существует ли готовый инфраструктура(ы) для написания блогов на основе react.js? (Похожий на PHP MVC)

wordpress не устраивает уже?

шаблонизатор ?

Инфраструктура

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

мне было их жалко просто

когда дело дошло до реализации websicket-ов

Блин SC и SSR как-то совсем не дружат. У меня в Head уже 3 раза все стили SC добавились (остались там), я все никак не могу отследить, когда это происходит

Из-за чего это может быть?

Блин SC и SSR как-то совсем не дружат. У меня в Head уже 3 раза все стили SC добавились (остались там), я все никак не могу отследить, когда это происходит

а как ты это подсчитал?

Блин SC и SSR как-то совсем не дружат. У меня в Head уже 3 раза все стили SC добавились (остались там), я все никак не могу отследить, когда это происходит

injectGlobal юзаешь?

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

На реакте обычно работает со API запросами?

Например создание поста

На реакте обычно работает со API запросами?

а пот чем тут реакт?

Как я могу получать с моего API json как только он будет изменен на сервере, без обновления страницы? Подскажите новичку

Как я могу получать с моего API json как только он будет изменен на сервере, без обновления страницы? Подскажите новичку

@js_noobs_ru

на реакте обычно рендерят компоненты

Как я могу получать с моего API json как только он будет изменен на сервере, без обновления страницы? Подскажите новичку

eventsource, websocket

Народ, вернусь к вчерашнему вопросу, хелп плиз Делаю дерево чекбоксов с 4 состояниями(вкл, выкл, пусто, есть дети), есть структура в state состоящая из вложенных массивов и объектов друг в друга, обычное дерево, которое идет вглубь. Нужно что-то поменять на 10 уровне. Какой лучший для правки дерева в state : 1) const temp = this.state.tree; temp.newstring = 'hello'; this.setState({tree:temp}) 2) ImutableJS (не использовал, но говорят что спасат от боли с мутациями) 3) В рекурсии постоянно генерируем новые массивы и объекты (используем деструктуризацию и object spread)

Не знаю, может я еще нуб, но постоянный контроль за мутациями вызывает боль. Мне надо поменять 1 значение на 2 уровне в редаксе и приходится мутить кучу циклов по типу: [...data.map((d)=>d.map((o)=>{..., newkey:"Привет я новое значение"})),'я тоже новое значение']

на реакте обычно рендерят компоненты

А как на счёт работы с бд?

А как на счёт работы с бд?

react этим не занимается

Народ, вернусь к вчерашнему вопросу, хелп плиз Делаю дерево чекбоксов с 4 состояниями(вкл, выкл, пусто, есть дети), есть структура в state состоящая из вложенных массивов и объектов друг в друга, обычное дерево, которое идет вглубь. Нужно что-то поменять на 10 уровне. Какой лучший для правки дерева в state : 1) const temp = this.state.tree; temp.newstring = 'hello'; this.setState({tree:temp}) 2) ImutableJS (не использовал, но говорят что спасат от боли с мутациями) 3) В рекурсии постоянно генерируем новые массивы и объекты (используем деструктуризацию и object spread)

immutable.js, ramda (set, reject, path, pathOr, ...)

Не знаю, может я еще нуб, но постоянный контроль за мутациями вызывает боль. Мне надо поменять 1 значение на 2 уровне в редаксе и приходится мутить кучу циклов по типу: [...data.map((d)=>d.map((o)=>{..., newkey:"Привет я новое значение"})),'я тоже новое значение']

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

А как на счёт работы с бд?

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

как и что подсунешь, то и получишь

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

Вот эта жопа? https://jsfiddle.net/pf98tgzn/ (мне надо добавить 1 значение в объект на 2 уровне) ,

injectGlobal юзаешь?

да, вот так

https://github.com/sergeysova/styled-normalize

подскажите плиз, верно ли я понимаю, что если я не планирую переходить на 17 реакт, то можно игнорировать это предупреждение? Warning: render(): Calling ReactDOM.render() to hydrate server-rendered markup will stop working in React v17. Replace the ReactDOM.render() call with ReactDOM.hydrate() if you want React to attach to the server HTML.

нежелательно

а насколько глупо не планировать переходить на 17 реакт? (это не от узколобости, а так как в планах реализовать приложение и дальше уже не заниматься его разработкой, максимум привести дизайн в соответствие с модными течениями через 2-3 года)

подскажите плиз, верно ли я понимаю, что если я не планирую переходить на 17 реакт, то можно игнорировать это предупреждение? Warning: render(): Calling ReactDOM.render() to hydrate server-rendered markup will stop working in React v17. Replace the ReactDOM.render() call with ReactDOM.hydrate() if you want React to attach to the server HTML.

hydrate даёт тот же эффект в большинстве случаев

Просто вызови его вместо render и не парься

У Артема в блоге была статья

Можешь ссылку сбросить ?

Просто вызови его вместо render и не парься

я бы так и сделал, но это ворнинг на работу какого-то пакета

в котором я так и не смог найти вызов reactDOM.render

ERROR: S client not available

подскажите плиз, верно ли я понимаю, что если я не планирую переходить на 17 реакт, то можно игнорировать это предупреждение? Warning: render(): Calling ReactDOM.render() to hydrate server-rendered markup will stop working in React v17. Replace the ReactDOM.render() call with ReactDOM.hydrate() if you want React to attach to the server HTML.

Лучше юзать hydrate, тем более он появился в 16. Из доки: https://reactjs.org/docs/react-dom-server.html#rendertostring If you call ReactDOM.hydrate() on a node that already has this server-rendered markup, React will preserve it and only attach event handlers, allowing you to have a very performant first-load experience.

подскажите либу для lazy load картинок, а то что то их оч много

Эта... А какие браузеры нынче реакт поддерживает? Что-то нигде не вижу.

Эта... А какие браузеры нынче реакт поддерживает? Что-то нигде не вижу.

в доке же моментально ищется по слову browser ?

в доке же моментально ищется по слову browser ?

Всё, нашёл. =)

Сорян.

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

еще есть моменты?)

еще есть моменты?)

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

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

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

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

ну да

спасибо!

кстати с отключенным жсом стили SC вообще четыре раза уже в хеде висят

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

умеет во фрагменты <> а не <React.Fragment>

Всем Бабель 7 (но лучше юзайте тайпскрипт, который, кстати, в семерке тоже поддерживается) https://t.co/zQoeCiZN6p

(впрочем нормальные люди давно юзают тайпскрит, где это давно)

(впрочем нормальные люди давно юзают тайпскрит, где это давно)

Но ведь... флоу... инферринг... окамл

окамл нужен, флоу не нужен

окамл нужен, флоу не нужен

Чем он настолько плох? Он же очень быстро растет

лол нет

он растет медленно и когда фейсбуку это нужно

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

окамл нужен, флоу не нужен

typescript?

да

да

а вот если объективно чем лучше typescript?