✨ Angular без
Мы уже писали, что команда Angular рекомендует отказаться от использования
Это логично: пакет весит 60 кБ, а современным браузерам он уже не нужен. Но есть одно но: как анимировать удаление элементов из DOM, если Angular пока не поддерживает состояние :leave без этого пакета?
Хорошая новость в том, что в Taiga UI эту проблему уже решили. Давайте посмотрим, как это реализовано.
👉 https://www.angularspace.com/how-to-get-rid-of-angular-animations-right-now/
@angular/animationsМы уже писали, что команда Angular рекомендует отказаться от использования
@angular/animations и вместо него перейти на CSS-анимации.Это логично: пакет весит 60 кБ, а современным браузерам он уже не нужен. Но есть одно но: как анимировать удаление элементов из DOM, если Angular пока не поддерживает состояние :leave без этого пакета?
Хорошая новость в том, что в Taiga UI эту проблему уже решили. Давайте посмотрим, как это реализовано.
👉 https://www.angularspace.com/how-to-get-rid-of-angular-animations-right-now/
🔥16👀7👍5🤔1
✨ Экстремально большие списки
Обычные списки в рендерят все элементы в DOM, даже те, что не видны пользователю. Представьте список из миллиона записей — браузер просто встанет. Но есть элегантное решение: виртуализированные списки.
Концепция проста: рендерим только элементы во вьюпорте + буферная зона. В DOM всегда остается фиксированное количество элементов, а производительность не страдает даже на 100k записей.
👉 https://habr.com/ru/articles/923120/
Обычные списки в рендерят все элементы в DOM, даже те, что не видны пользователю. Представьте список из миллиона записей — браузер просто встанет. Но есть элегантное решение: виртуализированные списки.
Концепция проста: рендерим только элементы во вьюпорте + буферная зона. В DOM всегда остается фиксированное количество элементов, а производительность не страдает даже на 100k записей.
👉 https://habr.com/ru/articles/923120/
👍5🔥3