👩‍💻 8 важнейших аспектов JavaScript, которые нужно освоить до изучения React

Изучение React без прочной базы JavaScript похоже на строительство дома без фундамента.

Из этой статьи вы узнаете о восьми ключевых концепций, которые помогут вам уверенно чувствовать себя в React-разработке и писать качественный код.

Читать статью

Как правильно писать формы на React!

Из этого видео вы узнаете, как писать сложную логику работы с формами без useEffect регистрации и Sms (react-hook-form)

Смотреть видео 📱

Создание игры "Крестики-Нолики" на React

В этом видео вы узнаете, как создать классическую игру "Крестики-Нолики" с использованием React. Вы пройдётесь по всем этапам создания, начиная с настройки проекта и заканчивая обработкой состояния и событий.

Это отличный проект для тех, кто хочет понять основы React и научиться работать с компонентами, состояниями и событиями.

Смотреть видео 📱

👩‍💻 React Reconciliation: скрытый механизм, управляющий компонентами

Reconciliation (алгоритм согласования) – это процесс, в результате которого React приводит DOM в соответствие с деревом компонентов.

Именно этот механизм позволяет реализовать декларативный подход к программированию на React: вы формулируете свои намерения, а React самостоятельно определяет, как выполнить эти намерения наилучшим образом и с наименьшими затратами

Читать статью 🤓

📊 React и графики: 8 библиотек для визуализации данных

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

В этой статье оценим восемь разных библиотек: их возможности, плюсы и минусы.

Читать статью

🥺 Как реализовать Drag and Drop в React приложениях с помощью библиотеки "React Beautiful Dnd"

React Beautiful Dnd  —  библиотека, которая позволяет легко реализовать функциональность перетаскивания (Drag and Drop) в React приложениях.

Из этой статьи вы многое узнаете о библиотеке React Beautiful Dnd. Автор вам расскажет о том, как она может преобразить веб-приложения, добавив бесшовное и визуально привлекательное взаимодействие перетаскивания (drag-and-drop).

Это руководство будет полезно как опытным React-разработчикам, так и новичкам, желающим расширить свой набор навыков.

Читать статью

🖥 Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

В этом видео начнём разработку копии Miro с нуля.
Посмотрим как делать сложный Front-end в 2025 правильно!

Будем использовать: React, Vite, tailwindcss, shadcn/ui, msw, openapi, tanstack-query, Evolution Design, create-gstore.

Смотреть видео 📱

👩‍💻 CSS в React: сравниваем 5 подходов к стилизации

Стилизация React-приложений может быть сложной задачей: существует множество подходов, и выбор подходящего способа влияет на удобство разработки, производительность приложения и легкость управления кодом.

Из этой статьи вы узнаете об основных методах стилизации, их преимуществах и недостатках.

Читать статью 🤓