Да это может быть хоть Гугл по сайт мэпу

карту сайта на реакте отдавать?

Ой забей короче

Регин, у тебя редакс есть?

Andrew в этом приложении только флакс, к сожалению

Да это может быть хоть Гугл по сайт мэпу

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

Эти фронтендеры :/

видимо ты зря сюда пришел

Andrew в этом приложении только флакс, к сожалению

В нем я не шарю) На редаксе знаю как решить

Эти фронтендеры :/

зря ты в реакт пришел рендеришь косарь элементов...

карту сайта на реакте отдавать?

Вместе с vue

Andrew буду благодарна за подсказку реализации на редакс

1000 элементов это класс

а ясно, опять дебильный стёб)

Но мы такое переписали на канвас

вот это конечно тупо выглядит...

Andrew буду благодарна за подсказку реализации на редакс

Ну смотри, у тебя есть посты, ты их прогружаешь в стейт

да, на флаксе сейчас также сделала

Andrew буду благодарна за подсказку реализации на редакс

Создаешь еще один стейт, активного поста, и при лайке, диспатчишь

вот это конечно тупо выглядит...

Что тупо? Заниматься оптимизацией если дом хреново обрабатывает мой кейс?

Влепите варн уже этому Сове

Что тупо? Заниматься оптимизацией если дом хреново обрабатывает мой кейс?

отдавать юзеру картинку вместо данных? тупо конечно

да, на флаксе сейчас также сделала

Тогда тебе лайки в пропсах надо хранить( от поста же )

Карта сайта не знают что такое. Тысяча элементов это элементы а не компоненты количество дом год примерно :/ вы вообще представляете как вне jsx код выглядит?

Карта сайта не знают что такое. Тысяча элементов это элементы а не компоненты количество дом год примерно :/ вы вообще представляете как вне jsx код выглядит?

как карта сайта связана с React?

Карта сайта не знают что такое. Тысяча элементов это элементы а не компоненты количество дом год примерно :/ вы вообще представляете как вне jsx код выглядит?

console.log(<img />)

зашёл сейчас на гитхаб (>1000 элементов), фэйсбук (>2000 элементов) ;)

ну фейсбок-то то ещё говно

как сайт

зашёл сейчас на гитхаб (>1000 элементов), фэйсбук (>2000 элементов) ;)

Тут про серверный рендер

как карта сайта связана с React?

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

как сайт

+

Карта сайта не знают что такое. Тысяча элементов это элементы а не компоненты количество дом год примерно :/ вы вообще представляете как вне jsx код выглядит?

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

Andrew спасибо! ? Поэкспериментирую с добавлением проверки на активный элемент.

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

ты определись сначала с тем, что ты говоришь...

Это даже без злоумышленников

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

Andrew спасибо! ? Поэкспериментирую с добавлением проверки на активный элемент.

Когда данные в стейте обновляются, обновляется и пропс у элемента, получается твой пост будет обновлён с новым кол-вом лайков По сути тебе стейт элемента не нужен

стейт нужен был еще и для того, чтобы css кнопочки менять))

стейт нужен был еще и для того, чтобы css кнопочки менять))

Какие?

styled-components — как морская свинка

И не морская и не свинка

И ваще не стайлес

я делаю проверку, если был клик по кнопке лайк state = is_liked: true Если is_liked == true, то меняю props + закрашиваю иконку лайка (как в фейсбуке, собственно)

Ну там убрать дублирующие свойства скомпоновать это в короткий css файл

Дублирующиеся свойства решает styletron с virtual CSSOM, но всё равно это не статический билд

но вопрос был не в этом. Было непонимание работы вложенных компонентов в роутере.

буду разбираться :)

Инлайновые стили все равно ужасно

Инлайновые стили все равно ужасно

ни jss, ни styled-components это не инлайн стили

Я даже не понимаю, как инлайновые стили реакт сообщество схавало

наверное на хайпе как всегда

чем технически инлайн стили плохи?

Как быть с псевдоэлементами, я их использую постоянно

чем технически инлайн стили плохи?

ну тормозят

Как быть с псевдоэлементами, я их использую постоянно

тут согласен. хотя никто не виноват что разработчики зафорсили это только в css

глянуть на ту же material-ui, которая не next

ну тормозят

пруфы

Инлайновые стили все равно ужасно

Это половина решений CSS-in-js

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

звучит как "я всегда писал css в отдельном файле, а тут придумали в одном месте писать"

пруфы

We later came up with an inline-style approach solving the majority of our issues. But: We had lost around 25% of the performance ?. Computing the inline-style at each render with no caching isn't really efficient. Some more advanced CSS feature wasn't available, e.g. keyframes, pseudo-elements, pseudo-classes ?. Media queries aren't available on the server. At least not yet. The debugging was really challenging. Browser dev tools aren't tuned for inline-styles.

https://github.com/callemall/material-ui/blob/master/ROADMAP.md#summarizing-what-are-our-main-problems-with-css

Как быть с псевдоэлементами, я их использую постоянно

не использовать их?

>25% of the perfomance

>25% of the perfomance

попробуй создать такую реальную страницу где это просадка будет видна глазу, потом можно будет говорить

не использовать их?

Ну не

Ещё чего

ERROR: S client not available

как чего

спокойно заменяются на обычные элементы

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

звучит как "я всегда писал css в отдельном файле, а тут придумали в одном месте писать"

Я писал на less/postcss дробил все это на компоненты

ну так и что. кто виноват в этом? вот разрабы браузеров не придумали inline css, а сделали отдельно и конечно за столько лет оптимизировали. это значит что нужно схавать и радоваться? так же начнут все писать inline оптимизируют и это дело

ну так и что. кто виноват в этом? вот разрабы браузеров не придумали inline css, а сделали отдельно и конечно за столько лет оптимизировали. это значит что нужно схавать и радоваться? так же начнут все писать inline оптимизируют и это дело

тег style это не инлайн css ?

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

ага, и всякие :first-child :nth-child(5n) с помощью js обходить а также @media

ну а что поделаешь ? если зачем то встала задача инлайнить

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

ага, и всякие :first-child :nth-child(5n) с помощью js обходить а также @media

+1

ну а что поделаешь ? если зачем то встала задача инлайнить

да, надо начинать с того, зачем вообще их инлайнить

ну кстати @media не прям большой помощник, для какой то логики все равно придется resize слушать

динамические свойства

ну а что поделаешь ? если зачем то встала задача инлайнить

Спорить что это нихера не эффективно

это не эффективно конкретно в данный момент

Заказчикам тоже сказать "подождите 5 лет"?)

да почему, надо придумывать инструменты которые могут делать это эффективно)

да почему, надо придумывать инструменты которые могут делать это эффективно)

jss же

ну вот ораторы выше говорят это не эффективно

ну вот ораторы выше говорят это не эффективно

значит они его никогда не пробовали

инлайн стили это жопа...

инлайн стили это жопа...

Когда нужна динамика в стилях, нет ничего лучше чем инлайн

как измерить разницу в производительности между инлайн стилями и отдельным файлом ?

Когда нужна динамика в стилях, нет ничего лучше чем инлайн

Эм а класс там поменять не проще?

очевидно сделать страницу с двумя вариантами и померять время рендера

Эм а класс там поменять не проще?

не всегда это нужно

Ну гипотетически display none/block больше ничего толкового в голову не приходит, вещи сложнее очевидно проще через класс сделать

вообще не очевидно

сделай это через классы

Ну гипотетически display none/block больше ничего толкового в голову не приходит, вещи сложнее очевидно проще через класс сделать

а прогрессбар тоже будешь делать через класс? .progress-0, .progress-96

вообще не очевидно

+1