Для разработчиков React маршрутизация является критически важным аспектом создания приложений. В то время как React Router и Next.js Router доминируют в экосистеме, новый претендент TanStack Router предлагает свежий подход. Разработанный для современной, масштабируемой и типобезопасной навигации, он включает в себя лучшие практики из таких решений, как Remix и Next.js. В этой статье мы рассмотрим основные преимущества и базовую настройку маршрутизации TanStack.

InertiaJS — это адаптер для монолитных приложений, позволяющий использовать фреймворки/библиотеки и т.п. из экосистемы JavaScript. В этой статье мы рассмотрим только, как выполнить интернационализацию с использованием готовых инструментов Laravel.

Создайте динамичное, генеративное произведение искусства, используя Three.js и сетчатые структуры, вдохновленное минималистскими геометрическими работами Лигии Кларк.

TailwindCSS — один из популярных CSS-фреймворков, работающих на основе утилит для создания веб-приложений. Он совместим с любым front-end фреймворком или библиотекой, включая Reactjs. В этом руководстве мы рассмотрим, как добавить TailwindCSS в React.

Многие современные веб-приложения создаются на основе React + TailwindCSS, что стало популярным выбором для разработчиков, которые ценят скорость и гибкость при разработке пользовательского интерфейса.

Vite – современный и быстрый инструмент сборки, ставший популярным выбором для веб-разработки. Он обеспечивает мгновенный запуск и горячую перезагрузку (HMR) для React-приложений. В этом руководстве описана настройка TypeScript в React-проекте, созданном с помощью Vite.

Данная статья описывает создание простого, гибкого React-приложения с минимальным количеством инструментов и фреймворков, используя последние возможности React. Хотя Next.js и Remix отлично подходят для многих задач, это руководство ориентировано на разработчиков, желающих иметь полный контроль над процессом, сохраняя при этом функциональность, аналогичную этим фреймворкам.

Приложения React, созданные с помощью Vite, известны своей скоростью и эффективностью. Развертывание этих приложений в качестве статических веб-сайтов обеспечивает высокую производительность и масштабируемость. В этом блоге мы проведем вас через развертывание статического приложения React с помощью Vite, используя современные платформы для упрощения процесса.

React 19 — стабильная версия, доступная на npm! Это обновление включает множество функций и улучшений, направленных на оптимизацию разработки, повышение производительности и упрощение работы с распространенными UI-паттернами. В этой статье подробно описано, что нового в React 19 и как использовать эти функции в ваших проектах.

Вы когда-нибудь брали в руки пульт от телевизора? На нем есть кнопки, которые показывают, что воспроизводится в данный момент (например, номер канала), и кнопки, которые позволяют менять то, что воспроизводится.

Компоненты React работают на удивление похоже — некоторые данные они просто отображают, а другие могут изменять. Это, по сути, разница между props и state, но давайте разберем их как следует.

Используя простые методы, можно передавать данные от дочернего элемента к родительскому. Это полезно, например, при создании основного компонента, или при необходимости передать пользовательские элементы в компонент select.

Ниже представлен пример реализации передачи данных с использованием простого подхода: