Гайды по React.js

👩‍💻 CSS в React: сравниваем 5 подходов к стилизации Стилизация React-приложений может быть сложной задачей: существует множество подходов, и выбор подходящего способа влияет на удобство разработки, производительность приложения и легкость управления кодом. Из этой статьи вы узнаете об основных методах стилизации, их преимуществах и недостатках. Читать статью 🤓

🖥 Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD! В этом видео начнём разработку копии Miro с нуля. Посмотрим как делать сложный Front-end в 2025 правильно! Будем использовать: React, Vite, tailwindcss, shadcn/ui, msw, openapi, tanstack-query, Evolution Design, create-gstore. Смотреть видео 📱

🖥 Стратегии рендеринга, которые должен знать каждый React-разработчик Библиотека React — ключевая часть современной веб-разработки. Чтобы извлечь из нее максимум пользы, необходимо освоить и применять сложные стратегии рендеринга. Из этой статье вы узнаете, как это сделать. Стратегии рендеринга помогают React-разработчикам создавать более быстрые и эффективные приложения. Они упрощают разработку и повышают удобство использования программных продуктов. Независимо от того, какой у вас опыт, эти с...

🥺 Как реализовать Drag and Drop в React приложениях с помощью библиотеки "React Beautiful Dnd" React Beautiful Dnd — библиотека, которая позволяет легко реализовать функциональность перетаскивания (Drag and Drop) в React приложениях. Из этой статьи вы многое узнаете о библиотеке React Beautiful Dnd. Автор вам расскажет о том, как она может преобразить веб-приложения, добавив бесшовное и визуально привлекательное взаимодействие перетаскивания (drag-and-drop). Это руководство будет полезно как оп...

👨‍💻 Создаем текстовый редактор на React.js Из этой статьи вы узнаете, как реализовать простой текстовый редактор с помощь React.js Что будет уметь делать данный редактор: 🔜 иметь предустановленные стили элементов — заголовки, списки и т. д; 🔜 форматировать стили текста — жирность, курсив и т. д; 🔜 поддерживать интерактивные элементы — например, ссылки; 🔜 работать с сочетанием клавиш; 🔜 импортировать/экспортировать контент в HTML; Данный урок отлично подойдет тем, кто уже знаком с реактом ...

Zustand: Управление состоянием в React Управление состоянием в React — один из самых важных моментов при разработке приложений. Многие начинают с useState и useReducer, но со временем понимают, что для глобального состояния нужно что‑то более мощное. Здесь хорошо подойдут Redux, MobX, Recoil и, конечно, Zustand. Zustand — это простая и мощная библиотека для управления состоянием в React, которая решает проблемы существующих решений: 🔜 Нет бойлерплейта — минимальный код по сравнению с Redux. 🔜 ...

Symfony + React: Основные проблемы и методы их решения Symfony и React – мощная связка для создания современных веб-приложений. Symfony, как PHP-фреймворк, обеспечивает надежный серверный бэкенд: работу с базой данных, бизнес-логику, REST API и безопасность. React же отвечает за динамичный интерфейс на стороне клиента, позволяя создавать богатые Single Page Application (SPA) с мгновенной реакцией на действия пользователя. Используя их вместе, разработчики получают гибкость разделения фронтенда и...

👩‍💻 8 важнейших аспектов JavaScript, которые нужно освоить до изучения React Изучение React без прочной базы JavaScript похоже на строительство дома без фундамента. Из этой статьи вы узнаете о восьми ключевых концепций, которые помогут вам уверенно чувствовать себя в React-разработке и писать качественный код. Читать статью

📊 React и графики: 8 библиотек для визуализации данных Визуализация данных в React: какую библиотеку выбрать, чтобы было красиво и без проблем? Recharts, Visx, Nivo, ECharts или, может, что-то еще? Давайте разбираться! В этой статье оценим восемь разных библиотек: их возможности, плюсы и минусы. Читать статью

Гибкий лэйаут для динамических форм с react-jsonschema-form Если ваша форма разрастается и превращается в бесконечный список полей, стандартного функционала react-jsonschema-form может быть недостаточно. Из этой статьи вы узнаете, как легко расширить возможности библиотеки и организовать поля в удобный многоколоночный макет. Читать статью