Улучшаем производительность SPA

Методы оптимизации одностраничных приложений для улучшения UX.
Анализ узкиx мест: JavaScript-бандлы, неэффективный рендеринг компонентов и частые API-запросы. В качестве решений: разделение кода, ленивая загрузка, виртуализация и использование Web Workers.

https://dev.to/oltrenin/improving-spa-performance-2k2g

Используем Chrome Identity API

Заметка о том, как и где быстро получить oauth client id и как его использовать в расширениях chrome для удобной аутентификации пользователей.

https://jem-space.ru/chrome-identity/

Что делает директива 'use client'?

Ден Абрамов рассказывает об использовании 'use client' в новых архитектурах React, где серверные и клиентские компоненты сочетаются друг с другом. А также о типичных ошибках и ограничениях, связанных с использованием этой директивы.

https://overreacted.io/what-does-use-client-do/

Session vs JWT: различия, которые стоит знать

Различия между сессионной аутентификацией и использованием JSON Web Tokens для управления пользовательскими сессиями. О работе каждого из этих методов, их преимуществах и недостатках, а также ситуациях, в которых предпочтительнее использовать тот или иной подход.

https://www.youtube.com/watch?v=fyTxwIa-1U0

Настраиваем ts-config.json

Описание основных и экспериментальных параметров ts-config и на что они влияют в итоге при компиляции.

https://jsdevspace.substack.com/p/mastering-tsconfigjson-the-ultimate

Создаем offline-friendly систему загрузки изображений

Как с помощью IndexedDB, service workers и Background Sync API создать приложение, устойчивое к перебоям с сетью.

https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system/

Делаем карусели с GSAP

Руководство от Тома Миллера по созданию каруселей: от простых до продвинутых.

https://tympanus.net/codrops/2025/04/21/mastering-carousels-with-gsap-from-basics-to-advanced-animation/

JSON Mocker

Онлайн сервис, позволяющий генерировать JSON данные в соответствии со схемой.

https://laurawebdev.github.io/json-mocker/

CSS Hell

15 CSS головоломок для пытливых умов, где нужно менять свойства для того чтобы сматчить элементы.

https://csshell.com/

Экспериментальные функции в React: ViewTransition и Activity

Компонент <ViewTransition> позволяет легко добавлять анимации при переходах между состояниями интерфейса, используя новый API браузера startViewTransition.
Компонент <Activity> предоставляет возможность управлять отображением частей UI, скрывая или показывая их в зависимости от активности.

https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more

LaLoka Layouts

Коллекция макетов и компонентов, созданных с Tailwind CSS. Готовые и адаптивные шаблоны для ускорения разработки.

https://layoutsfortailwind.lalokalabs.dev/