Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: JSX
Обработка событий в React: синтетические события без тайн.
Обработка событий в React без тайн: синтетические события, делегирование, атрибуты обработчиков в JSX и чистые паттерны, без устаревших мифов о пуле событий.
6 мин чтенияУсловная обработка в React и отрисовка списков без сложных решений
Явные ветки, стабильные ключи списка и шаблоны, которые сохраняют читаемость условной логики интерфейса, когда компоненты в производственных React-приложениях становятся сложнее простых примеров.
9 мин чтенияПредварительный просмотр JSX в Windows без установки React или VS Code
JSX не откроется в качестве веб-страницы при двойном клике. Когда вам нужно лишь просмотреть или сравнить компонент, специальный инструмент превью для Windows может оказаться эффективнее, чем создание полного проекта на React.
3 мин чтенияПредварительный просмотр JSX без создания проекта React с фреймворком
JSX — это не HTML, на который можно дважды кликнуть; инструменты вроде Preview Kit отделяют функцию генерации превью от полной настройки Node и React, благодаря чему экспериментальные компоненты остаются временными.
5 мин чтенияJSX — это не HTML внутри JavaScript; это результат этапа компиляции.
Обычный JavaScript не может обрабатывать интерфейсы, написанные с использованием угловых скобок; JSX — это синтаксис, похожий на HTML, который Babel или Vite преобразуют в вызовы функции createElement перед тем, как браузер его выполнит.
4 мин чтенияReact JSX похож на HTML — он компилируется в JavaScript.
JSX похож на HTML, но компилируется в JavaScript: один корневой элемент, закрытые теги, атрибуты в формате camelCase и фигурные скобки для выражений — вот основные правила, с которыми сталкиваются начинающие React-разработчики.
6 мин чтенияОт JSX к обычным объектам: как работают элементы, компоненты и атрибуты React
Узнайте, во что преобразуется JSX при компиляции, почему компоненты — это просто функции, и как на основе этой концепции возникают практики использования пропсов, детей компонентов, значений по умолчанию, распространения свойств и слотов.
9 мин чтенияReact Props для начинающих: преобразование статических компонентов в шаблоны
Узнайте, как React-пропсы передают данные от родительских к дочерним компонентам, как работает объект пропсов, какие типы значений можно передавать и почему однонаправленный поток данных способствует эффективной работе.
7 мин чтенияФрагменты React и StrictMode: более лаконичная разметка и более раннее обнаружение ошибок
Узнайте, как фрагменты React группируют элементы без дополнительных оболочек DOM, и как двойное вызов в режиме StrictMode, предназначенном исключительно для разработки, выявляет нечистые операции отрисовки и эффекты.
4 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.