Основи React
JSX, components, props, state, події, умовний рендеринг, списки та keys
1Що таке JSX у React?
Що таке JSX у React?
Відповідь
JSX — це розширення синтаксису JavaScript, яке дозволяє писати розмітку, схожу на HTML, безпосередньо в коді JavaScript. Під час компіляції Babel перетворює його на виклики функції React.createElement. Використання JSX робить код більш читабельним і дозволяє виявляти помилки під час компіляції завдяки типізації, поєднуючи потужність JavaScript зі знайомим синтаксисом.
2Який синтаксис правильний для використання виразу JavaScript у JSX?
Який синтаксис правильний для використання виразу JavaScript у JSX?
Відповідь
Одинарні фігурні дужки дозволяють інтегрувати будь-який допустимий вираз JavaScript у JSX, наприклад змінні, функції або обчислення. Цей синтаксис створює чітку межу між розміткою JSX та динамічним кодом JavaScript. Подвійні фігурні дужки використовуються для об'єктів стилів inline, круглі дужки для групування багаторядкового JSX, а квадратні дужки для масивів JavaScript.
3Яка основна різниця між className у JSX та class у HTML?
Яка основна різниця між className у JSX та class у HTML?
Відповідь
JSX використовує className замість class, оскільки class є зарезервованим словом у JavaScript для оголошення класів ES6. Оскільки JSX перетворюється на JavaScript, використання class спричинило б конфлікт синтаксису. Аналогічно, for стає htmlFor, а події використовують camelCase. Ця конвенція дозволяє JSX залишатися валідним JavaScript, водночас пропонуючи синтаксис, подібний до HTML.
Як написати коментар у коді JSX?
Що таке functional component у React?
+17 питань зі співбесід
Інші теми співбесід React / Next.js
Основи JavaScript
React Hooks
Життєвий цикл компонента
React Router
Управління станом з Context
Форми та Controlled Components
Отримання даних та API
React Query (TanStack Query)
Styling & CSS-in-JS
Основи Next.js
TypeScript з React
Data Fetching у Next.js
Server Actions у Next.js
Маршрутизація та Навігація в Next.js
API Routes у Next.js
Metadata & SEO у Next.js
Middleware та Auth у Next.js
Тестування React
Zustand State Management
Оптимізація продуктивності React
Error Boundaries & обробка помилок
Advanced React Patterns
Розширені можливості Next.js
Розгортання та Продакшн Next.js
Architecture & Design Patterns
React Server Components
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно