Статьи для тех, кто
выводит стек в прод
Оригинальные материалы о React, Node.js, TypeScript и AI — из той же практики, что и наше операторское ПО. Текст статей на английском.
Тег: jsx
React JSX похож на HTML — он компилируется в JavaScript.
JSX — это маркированный язык JavaScript: один корневой элемент, закрытые теги, атрибуты в формате camelCase и фигурные скобки для выражений — с классическими правилами, с которыми сталкиваются новички в первую очередь.
1208 словЧитатьОт JSX к обычным объектам: как работают элементы, компоненты и атрибуты React
Узнайте, во что преобразуется JSX при компиляции, почему компоненты — это просто функции, и как на основе этой концепции возникают практики использования пропсов, детей компонентов, значений по умолчанию, распространения свойств и слотов.
1983 словЧитатьReact Props для начинающих: преобразование статических компонентов в шаблоны
Узнайте, как React-пропсы передают данные от родительских к дочерним компонентам, как работает объект пропсов, какие типы значений можно передавать и почему однонаправленный поток данных способствует эффективной работе.
1586 словЧитатьФрагменты React и StrictMode: более лаконичная разметка и более раннее обнаружение ошибок
Узнайте, как фрагменты React группируют элементы без дополнительных оболочек DOM, и как двойное вызов в режиме StrictMode, предназначенном исключительно для разработки, выявляет нечистые операции отрисовки и эффекты.
976 словЧитатьОт скриптов DOM к интерфейсу как функции состояния: основная модель React
Почему React заменяет ручные обновления DOM на декларативные компоненты, и как JSX, пропсы, состояние, перерисовка и однонаправленный поток данных вписываются в единую концептуальную модель.
4868 словЧитатьJSX — это не HTML: настоящие компромиссы, стоящие за маркировкой компонентов
Поймите, что вы теряете, когда маркировка превращается в JSX: от инструментов и парсинга до форм, доступности и портабельности, а также те паттерны, которые помогают восстановить большую часть утраченного.
3076 словЧитатьОсновы компонентов React 101: создание повторно используемых и удобных в обслуживании элементов интерфейса
Узнайте, почему разделение интерфейсов на небольшие компоненты React улучшает возможности повторного использования, читаемость и сотрудничество в команде, а затем создайте свой первый функциональный компонент.
1912 словЧитать
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.