Вот и чудненько)

Т.е если его юзать не возникнет проблема долгой загрузки стилей? Заходя на сайт пользователю не придётся ждать ?

на сервере сделай рендеринг стилей

привет, как в реакте юзать AMP теги ?

Т.е если его юзать не возникнет проблема долгой загрузки стилей? Заходя на сайт пользователю не придётся ждать ?

SC генерят inline-стили, грузятся вместе с html

SC генерят inline-стили, грузятся вместе с html

Да с чего вы взяли инлайн стили???

Да с чего вы взяли инлайн стили???

они же в тег style пихаются

они же в тег style пихаются

Вот именно

они наверно это подразумевают под инлайном)

они же в тег style пихаются

да, извините :)

Да с чего вы взяли инлайн стили???

да, инлайн не то

а не <div style=‘’></div>

SC не генерит ничего при билде, это просто код со строками, такой же js, в общем бандле или в чанках для lazy loading. Какой js на клиента загрузится - такие стили на нем и сгенерятся

но суть та, что грузятся вместе с html

а не после инита js разве?

После, но с SSR, вроде, до

Тут подскажет @itsjohncena

После, но с SSR, вроде, до

похоже на правду

Вот тут про ssr можно почитать https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03

Ну, в общем, все хорошо там

Но я не пробовал

После, но с SSR, вроде, до

ну да так и есть

Вот тут про ssr можно почитать https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03

стримы бесполезны с рр4

стримы бесполезны с рр4

ну на нексте например ваще 10/10 ?

ну на нексте например ваще 10/10 ?

а как там врубить?

Они вроде ещё не допили

привет, как в реакте юзать AMP теги ?

хелп

Они вроде ещё не допили

как допьют так поддержку рр4 врубят

а как там врубить?

Вроде через renderPage

В _document

Вроде через renderPage

спс

sheet.interleaveWithNodeStream

Во

можно ли спред оператором задавать стейт при каком-либо действии всем невыбранным элементам?

public toggle(name) { this.setState({ ...this.state, [name]: !this.state[name], }); }

и я хочу чтобы ...this.state был false например

заранее спасибо )

и я хочу чтобы ...this.state был false например

this.state — объект

Перефразируй, не очень ясно о чём ты

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

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

типа ...this.state: false, но ведь так это не работает )

типа ...this.state: false, но ведь так это не работает )

так state у тебя объект

...this.state это вмерживание объекта

Нет, нужно явно указать для каждого, что он false

типа ...this.state: false, но ведь так это не работает )

setState({ ...this.state, foo: 1 }) то же что setState(Object.assign({}, this.state, { foo: 1 })

ребята, как Юзать Amp теги?

setState({ ...this.state, foo: 1 }) то же что setState(Object.assign({}, this.state, { foo: 1 })

благодарочка, стало понятнее

благодарочка, стало понятнее

но в деструктуризации работает наоборот

({ foo, ...bar }) => bar что-то вроде (input) => { const foo = input.foo const bar = Object.assign({}, input) // copy delete bar.foo return bar }

setState({ ...this.state, foo: 1 }) то же что setState(Object.assign({}, this.state, { foo: 1 })

Object.assign({ foo: 1 }, this.state) ?

Object.assign({ foo: 1 }, this.state) ?

нет

Object.assign({ foo: 1 }, this.state) ?

так state перетрет foo, если он в нем есть

А

Может кто - то посоветует курс на удеми по реакту, где желательно больше 1 одного примера приложения?

привет. такой вопрос: в компонентах подключаю стили методом import './component.scss', таким же образом и svg'шки. хочу настроить ssr, на сервере юзаю renderToString, StaticRouter, и renderRoutes. при запуске сервер ругается на импортируемые в джс файлы scss и svg. (unexpected token), подскажите плиз как решить

ахах

привет. такой вопрос: в компонентах подключаю стили методом import './component.scss', таким же образом и svg'шки. хочу настроить ssr, на сервере юзаю renderToString, StaticRouter, и renderRoutes. при запуске сервер ругается на импортируемые в джс файлы scss и svg. (unexpected token), подскажите плиз как решить

бандли сервер)

привет. такой вопрос: в компонентах подключаю стили методом import './component.scss', таким же образом и svg'шки. хочу настроить ssr, на сервере юзаю renderToString, StaticRouter, и renderRoutes. при запуске сервер ругается на импортируемые в джс файлы scss и svg. (unexpected token), подскажите плиз как решить

ssr через вебпак делаешь или просто бабель?

ssr через вебпак делаешь или просто бабель?

бабель

бабель

я юзал https://github.com/aribouius/asset-require-hook

плюс https://github.com/bkonkle/ignore-styles

По поводу styled-components Мне тут добрые люди подсказали про длину классов в БЭМ и влияние этого на размер бандла [спойлер - влияние крайне минимальное] https://ru.bem.info/forum/1130/

плюс https://github.com/bkonkle/ignore-styles

вроде то, что нужно, попробую, отпишусь

Всем привет, Подскажите плиз, что есть папка public в create-react-app?

Всем привет, Подскажите плиз, что есть папка public в create-react-app?

Папка с фавиконом — она для файлов, которые копируются в папку с итоговым сайтом и при этом используются с index.html Например картинки, вставляемые в head

ERROR: S client not available

Папка с фавиконом — она для файлов, которые копируются в папку с итоговым сайтом и при этом используются с index.html Например картинки, вставляемые в head

понял, спасибо)

По поводу styled-components Мне тут добрые люди подсказали про длину классов в БЭМ и влияние этого на размер бандла [спойлер - влияние крайне минимальное] https://ru.bem.info/forum/1130/

А кстати, пасеба за доклад. Ты прям сформулировал всё то, о чем я давно уже размышлял :)

Я поебался с этими styled-components, но вернулся к БЭМ

Неудобно

Эх, были времена, покритичнее к слову б*м относились

б*м(сори за м*ат)

Я поебался с этими styled-components, но вернулся к БЭМ

Лол

Я поебался с этими styled-components, но вернулся к БЭМ

С ними все просто как с палкой

?

С ними все просто как с палкой

Как реюзать код? Вот есть у меня класс container и класс container--article

Я могу тупо добавить класс где мне нужно

Как реюзать код? Вот есть у меня класс container и класс container--article

Реюзаешь компонент

Не юзаешь классы вообще

Я и экстендами пытался чот делать

Я могу тупо добавить класс где мне нужно

А я импорчу компонент со своим апи

Но нет, там всё через жопу

Но нет, там всё через жопу

Просто ты не понял

Ты пытаешься свои старые подходы тащить сюда

А так не работает

Идея в том, чтобы совсем от классов отказаться

Как мне добавить стили к уже стилизованном у компоненту?

Никак

Как мне добавить стили к уже стилизованном у компоненту?

Легко

Но лучше так не делать

А как добавить стили к ребёнку стилизованного компонента?

Это ломает очень сильно понимание происшедшего в коде

А как добавить стили к ребёнку стилизованного компонента?

Это вообще пиздец

Этим должен заниматься конкретный компонент

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

Все делаешь через пропсы

Этим и плох БЭМ, что он очень сложно поддается рефакторингу