Статті для тих, хто
виводить стек у прод
Матеріали про 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 props передають дані від батьківських до дочірніх компонентів, як працює об’єкт props, які типи значень можна передавати та чому однонапрямковий потік даних є корисним.
7 хв читанняФрагменти React та StrictMode: більш лаконічний маркап та раннє виявлення помилок
Дізнайтеся, як фрагменти React групують елементи без додаткових обгорток DOM, та як подвійне викликання StrictMode, призначене лише для розробки, виявляє нечисті процеси відображення та ефекти.
4 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.