Основи React
JSX, компоненти, props, state, події, умовний рендеринг, списки та keys
1Що таке JSX у React?
Що таке JSX у React?
Відповідь
JSX — це синтаксичне розширення JavaScript, яке дозволяє писати HTML-подібний код безпосередньо всередині JavaScript. Він транспілюється у виклики функції React.createElement() інструментами на кшталт Babel. JSX робить код більш читабельним і полегшує створення UI, поєднуючи логіку та рендеринг в одному файлі.
2Як включити вираз JavaScript у JSX?
Як включити вираз JavaScript у JSX?
Відповідь
Вирази JavaScript включаються в JSX шляхом обгортання їх одинарними фігурними дужками. Наприклад, щоб відобразити змінну name, пишуть {name}. Цей синтаксис дозволяє вставляти динамічні значення, викликати функції або обчислювати вирази безпосередньо під час рендерингу компонента.
3Яка основна різниця між функціональним компонентом і класовим компонентом у React?
Яка основна різниця між функціональним компонентом і класовим компонентом у React?
Відповідь
Функціональний компонент — це проста функція JavaScript, яка повертає JSX, тоді як класовий компонент розширює React.Component і використовує метод render(). Відколи в React 16.8 з'явилися Hooks, функціональні компоненти можуть працювати зі state і побічними ефектами, через що класові компоненти стали менш потрібними в сучасних проєктах.
Що таке prop у React?
Що таке state у React і чим він відрізняється від props?
+17 питань зі співбесід
Інші теми співбесід React Native
Основи JavaScript
Основи React Native
React Hooks
TypeScript для React та React Native
Компоненти та API React Native
Стилізація та макет у React Native
Навігація в React Native
Управління станом у React Native
Networking та API в React Native
Збереження даних
Форми та валідація
Анімації React Native
Native Modules & Bridge
Код, специфічний для платформи
Дозволи та API пристрою
Push Notifications
Тестування React Native
Налагодження React Native
Build & Deployment
Expo vs React Native Bare
Оптимізація продуктивності
Управління пам'яттю
Architecture Patterns
React Native New Architecture
Найкращі практики безпеки
Offline-First Architecture
CI/CD React Native
Monorepo та спільне використання коду
Складні теми
Життєвий цикл застосунку та фонове виконання
Автентифікація та керування сесіями
Monitoring & Crash Reporting
Опануй React Native для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно