DevGang
Авторизоваться

Как использовать TanStack Router: современная, типобезопасная маршрутизация для React

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

Современные монолиты с интернационализацией: InertiaJS, React и Laravel

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

Как создать генеративные иллюстрации с помощью Three.js

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

Как быстро добавить TailwindCSS в React для стилизации приложения?

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

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

Интеграция TypeScript в проект React с Vite

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

Простой подход к SSR с React 19 и esbuild

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

Развертывание статического приложения React с помощью Vite

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

React 19: Новые возможности и обновление

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

React Props и State: объяснено простым языком

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

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

Передача данных от дочернего компонента pros к родительскому в React TypeScript

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

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

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу