Size: a a a

JavaScript.Ninja

2020 July 17

IK

Illya Klymov in JavaScript.Ninja
источник

SS

Sasha Semaniuk in JavaScript.Ninja
Спасибо большое
источник

AP

Alexey Pan in JavaScript.Ninja
Короче, сделал 1000 запросов
источник

AP

Alexey Pan in JavaScript.Ninja
источник

AP

Alexey Pan in JavaScript.Ninja
Наглядно для перцнтили
источник

AP

Alexey Pan in JavaScript.Ninja
источник

AP

Alexey Pan in JavaScript.Ninja
выброс был примерно в час ночи, но там сервас затупил.
источник

AP

Alexey Pan in JavaScript.Ninja
Теорвер както видимо странно работает, но vue3 не бысрее чем vue2. react сопоставим с vue2. Но победитель - svelte.
источник

Alex Ьтьь in JavaScript.Ninja
Alexey Pan
Короче, сделал 1000 запросов
А что за запросы? Какую метрику использовали?
источник

AP

Alexey Pan in JavaScript.Ninja
First visual change. Повторное создание 10к компонентов
источник

AP

Alexey Pan in JavaScript.Ninja
Время дестроя
источник

AP

Alexey Pan in JavaScript.Ninja
источник

EN

El Nasurov in JavaScript.Ninja
Ребят, планирую такие общие компоненты, привязанные к урлу, как поиск ( инпут с кнопкой "искать"), поле ввода даты для поиска, пагинация - перевести на общение с компонентом, куда они внедряются, через url.

То есть эти компоненты при каких-либо своих действиях просто изменяют определенный параметр, который за ними закреплен,  в урле, а компонент, в который они импортнуты, вотчером на урл засекает это изменении и делает необходимые действия.

Не могу сразу понять, какие могут быть подводные камни в таком варианте..
источник

NR

Nikolai Reguliarniy in JavaScript.Ninja
El Nasurov
Ребят, планирую такие общие компоненты, привязанные к урлу, как поиск ( инпут с кнопкой "искать"), поле ввода даты для поиска, пагинация - перевести на общение с компонентом, куда они внедряются, через url.

То есть эти компоненты при каких-либо своих действиях просто изменяют определенный параметр, который за ними закреплен,  в урле, а компонент, в который они импортнуты, вотчером на урл засекает это изменении и делает необходимые действия.

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

NR

Nikolai Reguliarniy in JavaScript.Ninja
т.е. как минимум стейт нужно изменять как из инпута, так и из адресной строки - двойной источник истины
источник

EN

El Nasurov in JavaScript.Ninja
Nikolai Reguliarniy
т.е. как минимум стейт нужно изменять как из инпута, так и из адресной строки - двойной источник истины
А почему в данном кейсе это очень плохо ?

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

NR

Nikolai Reguliarniy in JavaScript.Ninja
El Nasurov
А почему в данном кейсе это очень плохо ?

Да, компонент при инициализации должен будет проверить, если ли его параметр в урле и, если есть, поставить себе начальное значение оттуда. Но ведь так происходит и с обычными компонентами, когда им пропсами прокидывают начальным значения..
ну как минимум потому что, нужно в некоторых случаях нужно будет обновить query через роутинг, а для этого придется как то ререндерить компонент, чтобы он инициализировал стейт заново
источник

AP

Alexey Pan in JavaScript.Ninja
Можно сделать очеь просто. Не надо вотчить url. При ините берется параметры из урал. После чего забываем вообще про урл. Максимум что мы делаем меняем урл
источник

AP

Alexey Pan in JavaScript.Ninja
А источник данных у нас один
источник

NR

Nikolai Reguliarniy in JavaScript.Ninja
он в любом случае должен быть один
вопрос всегда что принимать за источник данных - url или внутренний стейт
если урл, то надо делать подписки на роутинг и все апдейты слать тоже через него
если внутрениий стейт и просто инициализация через урл, как вы предложили, то некоторые сценарии работы могут быть усложнены
это не плохо и не хорошо, просто данность
источник