Size: a a a

Next.js — русскоговорящее сообщество

2020 August 11

СГ

Сергей Громов... in Next.js — русскоговорящее сообщество
Владимир Линкевич
Ноу комментс- тебе поможет только дока
сначала сам разберись как что работает, и почитай на офф сайте стайлед компонентов что пишут они сами же.

ПС: проблема мерцания шрифтов все еще не решена в стайледах. Не говоря о кешировании
источник

СГ

Сергей Громов... in Next.js — русскоговорящее сообщество
Khotam
nu prosto interesno chto on yuzaet
SSR - препроцессоры / чистый css / модули
Native - Styled Components
SPA - что душе угодно, стайледы
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Сергей Громов
сначала сам разберись как что работает, и почитай на офф сайте стайлед компонентов что пишут они сами же.

ПС: проблема мерцания шрифтов все еще не решена в стайледах. Не говоря о кешировании
ПС - у тебя видимо какая то классная проблема - или шрифт мерцает что глаз не видит - все окей)
источник

K

Khotam in Next.js — русскоговорящее сообщество
Сергей Громов
SSR - препроцессоры / чистый css / модули
Native - Styled Components
SPA - что душе угодно, стайледы
eto ne ochen udobno je prefiksit webkit i td?
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Khotam
eto ne ochen udobno je prefiksit webkit i td?
Все префиксится - просто пол часа времени над потратить
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
Сергей Громов
причем тут вообще сколько елементов в доме.

Тут фишка в том, сколько серверу нужно высчитать функций перед отдачей клиенту.

И если css сразу кеширует все стили, то стайлед компоненты каждый раз сервер будет тебе пересчитывать, увеличивая твой ТТФБ и время рендера страницы.
стайледы не про ттфб если что
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
стайледы это нормальный способ организовать дизайн систему
источник

🦜

🦜 in Next.js — русскоговорящее сообщество
с нормальным переиспользованием без танцев с бубном
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Да не объясняй ты ему :)
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Просто посылаешь в доку пускай учится если баран)
источник

СГ

Сергей Громов... in Next.js — русскоговорящее сообщество
Владимир Линкевич
Просто посылаешь в доку пускай учится если баран)
ахахахах. Баран в данном случае только ты :))  покажи мне в доках хоть слово где написано что стайлед не влияет на производительность ССР или ттфб ?
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Стайлед выполняется на сервере? Когда собирается - а собирается он один раз) на Билл машине - далее просто увеличивает размер и скорость имплементации элементов и чем их больше тем больше лаг между отрисовками
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Больше комментировать не буду - смотри доклады, читай про то как работает сср и стайлед)
источник

СГ

Сергей Громов... in Next.js — русскоговорящее сообщество
Владимир Линкевич
Стайлед выполняется на сервере? Когда собирается - а собирается он один раз) на Билл машине - далее просто увеличивает размер и скорость имплементации элементов и чем их больше тем больше лаг между отрисовками
Открою тебе тайну, стайлед компоненты компилируются в js функции.

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

О какой производительности ты говоришь, мистер всезнайка ?

Если бы ты хоть немножко пытался понять, ты бы провел тесты, и сравнил бы ТТФБ, или почитал что умные люди пишут.
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Сергей Громов
Открою тебе тайну, стайлед компоненты компилируются в js функции.

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

О какой производительности ты говоришь, мистер всезнайка ?

Если бы ты хоть немножко пытался понять, ты бы провел тесты, и сравнил бы ТТФБ, или почитал что умные люди пишут.
Ало я ни чего не сказал про ттфб
источник

СГ

Сергей Громов... in Next.js — русскоговорящее сообщество
Уже пытались сделать производительными стайлед компоненты.

Линара - https://github.com/callstack/linaria

Но все провалилось с треском.
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Я тебе написал что проблема не в них)
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
И про линарию ты тайгу не открыл) попробуй заменить стайлед поймёшь что помойка)
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
А как ты говоришь функции при ттфб роли мало на лаги влияют
источник

ВЛ

Владимир Линкевич... in Next.js — русскоговорящее сообщество
Основные лаги когда у тебя нет кластеризации нод и ты рендеришь 200к элементов (функций)
источник