Существует довольно распространенная проблема, когда пользователь заходит на страницу, для этой страницы начинают запрашиваться различные данные, но вдруг пользователь быстро переходит на другую страницу, а запросы с предыдущей страницы продолжают выполняться, все еще используя ресурсы сети и выполняя ненужную работу.Особенно неприятно это становится тогда, когда у пользователя медленный интернет и каждый лишний запрос еще больше замедляет работу вебсайта. К слову, про оптимизацию SPA я писал …
Всем привет! В данной статье я бы хотел рассказать о таком фреймворке как Cample.js. На сегодняшний момент (версия 3.0.1), фреймворк является активно поддерживаемым в разработке нового функционала. Есть поддержка работы с данными, которые благодаря реактивности без виртуального DOM отображаются крайне быстро: Тесты быстродействия фреймворка(js-framework-benchmark)Это не самый быстрый результат из всех, которые существуют на данный момент среди фреймворков. Но, поэтому речь идёт о перспективнос…
Что такое Framer Motion?Framer Motion - это библиотека для react-приложений, которая дает возможность создавать анимированные jsx-компоненты.Преимущество Framer Motion в том, что управление свойствами анимации происходит прямо в jsx-разметке. Кроме того, с его помощью можно писать компоненты-обертки, которые будут анимировать вложенные в них компоненты.С помощью Framer Motion можно создавать целые кастомные библиотеки анимационных компонентов и применять соответствующий компонент для соответст…
Новый синтаксис шаблонов, встроенное управление потоком данных и прощание с структурными директивами? В последние годы не так много менялось. Angular был стабильным для некоторых разработчиков и застойным для других. Теперь он движется вперед со сверхсветовой скоростью. Но куда именно он направляется? Angular предлагает перейти от текущих структурных директив NgIf, NgForOf, NgSwitch к новому встроенному синтаксису. Модернизация потока управления.Команда Angular стремится заменить существующие…
webpod.devПриветствую, товарищи разработчики!Мы рады представить вам Webpod — фантастический новый инструмент, разработанный для упрощения процесса развертывания вашего веб-сайта. Webpod позволяет эффективно и быстро развернуть веб-сайт на сервере, позволяя больше сосредоточиться на кодировании и меньше на настройке.Почему стоит выбрать Webpod?Одной из серьезных проблем, с которыми сталкиваются разработчики, является развертывание своего веб-сайта на своем сервере. Весь процесс может быть дово…
Новый View Transitions API, что можно перевести как "интерфейс переходов отображения", предлагает легкий способ анимирования перехода между двумя состояниями DOM — даже между загрузками страниц. Это прогрессивное улучшение, которое можно реализовать уже сегодня. Переходы и анимации CSS революционизировали веб-эффекты за последнее десятилетие, но не все так просто. Представьте список элементов, например, 10 изображений с заголовками, который мы хотим преобразовать в новый список элеме…
Приветствую всех. Уже как неделю я переписываю свой проект, который был на Vue options api с использованием Quasar и перевожу его на Svelte-Sveltkit-DaisyUI. Скажу сразу, он мне очень понравился, особенно в если учитывать что Vue composition api стал больше похож на React, нежели чем на самого себя. Складывается впечатление что Svelte это то к чему должен был прийти Vue, но он пришел к реакту (ты должен был бороться...).Итак, тот код, который я писал на вью(вуй в простонародье) 10 месяцев на с…
Что описывается: Apollo-client — популярная библиотека для работы с GraphQL. Библиотека призвана ускорить разработку и оптимизировать приложение.Задача статьи: Описать возможные решения и проблемы оптимизации приложения в части apollo.mergeВ каких случаях использовать: если есть несколько запросов за одной и той же сущностью с разным набором полей. В некоторых случаях при реализации пагинации.Что дает: Позволяет слить данные разных полей по одной и той же сущности в кэше apollo. Это необходимо…
Привет! Представляю вашему вниманию перевод статьи Matt Pocock.ИсточникTypeScript 5.2 представит новое ключевое слово - using, которое можно использовать, чтобы избавиться от чего угодно с помощью функции Symbol.dispose, при покидании области видимости.{ const getResource = () => { return { [Symbol.dispose]: () => { console.log('Hooray!') } } } using resource = getResource(); } // 'Hooray!' logged to consoleОбосновано это предложениями TC…