Перейти к содержанию
Справочник React
Fragment
Инициализация поиска
Справочник на Github
🏠
React 18
Typescript React
React 16
Next.js
GraphQL
Библиотеки
Спасибо
Справочник React
Справочник на Github
🏠
React 18
React 18
Быстрый старт
Быстрый старт
Учебник: крестики-нолики
Мыслим как React
Установка
Установка
Установка
Начало нового проекта React
Добавление React в существующий проект
Настройка редактора
React Developer Tools
Разработка UI
Разработка UI
Разработка интерфейса
Ваш первый компонент
Импорт и экспорт компонентов
Написание разметки с помощью JSX
JavaScript в JSX с фигурными скобками
Передача параметров
Условное рендеринг
Рендеринг списков
Поддержание чистоты компонентов
Добавление интерактивности
Добавление интерактивности
Добавление интерактивности
Реакция на события
Состояние: память компонента
Render и Commit
Состояние как моментальный снимок
Постановка в очередь серии обновлений состояния
Обновление объектов в состоянии
Обновление массивов в состоянии
Управление состоянием
Управление состоянием
Управление состоянием
Реагирование на ввод с помощью состояния
Выбор структуры состояния
Совместное использование состояния между компонентами
Сохранение и сброс состояния
Извлечение логики состояний в редуктор
Глубокая передача данных с помощью контекста
Расширение с помощью редуктора и контекста
Механизмы внешнего доступа
Механизмы внешнего доступа
Внешний доступ
Ссылка на значения с помощью Refs
Манипулирование DOM с помощью Refs
Синхронизация с эффектами
Возможно, вам не нужен эффект
Жизненный цикл реактивных эффектов
Отделение событий от эффектов
Удаление зависимостей эффектов
Переиспользование логики с помощью пользовательских хуков
Typescript React
Typescript React
Вступление
Функциональные компоненты
Классовые компоненты
Универсальные компоненты
Типизированные хуки
Контекст (Context)
HOC (Higher-Order Components)
React 16
React 16
Введение: знакомство с React
Начало работы
Добавляем React на сайт
Создаём новое React-приложение
Ссылки на CDN
Привет, мир
Знакомство с JSX
Рендеринг элементов
Компоненты и пропсы
Состояние и жизненный цикл
Обработка событий
Условный рендеринг
Списки и ключи
Формы
Подъём состояния
Композиция против наследования
Философия React
Доступность контента
Разделение кода
Контекст
Предохранители
Перенаправление рефов
Фрагменты
Компоненты высшего порядка
Взаимодействие со сторонними библиотеками
JSX в деталях
Оптимизация производительности
Порталы
React без ES6
React без JSX
Согласование
Рефы и DOM
Рендер-пропсы
Статическая типизация
Строгий режим
Проверка типов с помощью PropTypes
Неуправляемые компоненты
Веб-компоненты
Введение в хуки
Краткий обзор хуков
Использование хука состояния
Использование хука эффекта
Правила хуков
Создание пользовательских хуков
Справочник API хуков
Хуки: ответы на вопросы
AJAX и обращение к API
Babel, JSX и этапы сборки
Передача функций в компоненты
Состояние компонента
Стилизация и CSS
Структура файлов
Политика версионирования
Виртуальный DOM и детали его реализации в React
Next.js
Next.js
Основные возможности
Основные возможности
Страницы (Pages)
Получение данных (Data Fetching)
Встроенная поддержка CSS
Макеты (Layouts)
Компонент Image и оптимизация изображений
Оптимизация шрифтов
Компонент Script
Обслуживание статических файлов
Обновление в режиме реального времени
TypeScript
Переменные среды окружения
Маршрутизация
Маршрутизация
Динамические роуты
Императивный подход к навигации на стороне клиента
Поверхностная (тихая) маршрутизация (Shallow Routing)
Интерфейс маршрутизации (API Routes)
Интерфейс маршрутизации (API Routes)
Посредники (Middlewares)
Вспомогательные функции
Подготовка к продакшну
Аутентификация (Authentication)
Продвинутые возможности
Продвинутые возможности
Динамическая маршрутизация
Автоматическая статическая оптимизация
Экспорт статической разметки
Абсолютный импорт и синонимы путей модулей
Кастомный сервер
Кастомное приложение
Кастомные страницы ошибок
Директория src
Локализованная маршрутизация (интернационализация)
Заголовки безопасности
API
next.config.js
GraphQL
GraphQL
Основы GraphQL
Основы GraphQL
Как работает GraphQL
Термины
Язык GraphQL
Сервер GraphQl в node.js
Запросы и мутации
Схемы и типы
Валидация
Выполнение запросов
Самонаблюдение
Лучшие практики
Thinking in Graphs
Serving over HTTP
Авторизация
Пагинация
Кеширование
Библиотеки
Библиотеки
Create React App
React Router DOM
Redux
Redux
Основы Redux
Основы Redux
Экшены
Редьюсеры
Стор
Поток данных
Использование с React
Пример: Список дел
Продвинутый уровень Redux
Продвинутый уровень Redux
Асинхронные экшены
Асинхронный поток
Mидлвар
Использование с React Router
Пример: Reddit API
Рецепты Redux
Рецепты Redux
Мигрирование на Redux
Использование оператора расширения
Упрощение шаблона
Вычисление производных данных
Изолирование субприложений Redux
Redux FAQ
Redux FAQ
Главное
Редьюсеры
Организация состояния
Настройка стора
Экшены
Структура кода
Производительность
React Redux
Разное
Глоссарий
API Redux
API Redux
createStore
combineReducers
applyMiddleware
bindActionCreators
compose
Стор
React Redux
React Redux
Основы Redux (теория)
Точка входа
Создание Reducer
Комбинирование редьюсеров
Контейнеры и компоненты
Создание actions
Константы
Наводим порядок
Middleware (Усилители)
Асинхронные actions
Взаимодействуем с VK
Оптимизация. Рефакторинг
Redux Toolkit
React Query
React Spring
Styled Components
XState
XState
Об XState
Об XState
Понятия
Цели
Примеры ↗
Ресурсы ↗
Руководства ↗
Глоссарий ↗
Справочник
Справочник
Начнём
Установка
Введение в конечные автоматы и диаграммы состояний
Конечные автоматы
Состояния
Узлы состояния
События
Переходы
Иерархические узлы состояния
Параллельные узлы состояний
Конечные состояния
Эффекты
Действия
Защищенные переходы
Контекст
Модели
Активности
Вызов служб
Акторы
Отложенные события и переходы
История
Идентификация узлов состояния
Интерпретация автоматов
Тестирование автоматов
Использование TypeScript
React Transition Group
React Transition Group
Transition
CSSTransition
SwitchTransition
TransitionGroup
Использование с React Router
Тестирование компонент с Transitions
Спасибо
Fragment
¶
Комментарии
К началу