Технологія
React
React — це JavaScript-бібліотека для створення інтерфейсів з компонентів. Я використовую React у кожному інтерфейсі, який випускаю: в екранах продуктів, адмінках, пультах на телефонах для ігор і навіть у відео, яке рендериться в коді
- Тип
- Технологія
- Офіційний сайт
- react.dev
- У моїй роботі
- Проєкти 1 · Інструменти 1 · Послуги 3
- Опубліковано
Де я її застосовую
QRuma: ігри для одного великого екрана, де телефон — геймпад
QRuma запускає ігри для компанії на одному великому екрані: гравці сканують QR-код, і телефон стає геймпадом без встановлення. Проєкт виріс із VibeCatter
ІнструментиКонструктор квізу: власні питання для Quiz Battle
Створіть власний квіз зі своїми питаннями й проведіть його на великому екрані: гості відповідають з телефонів. Сценарії, інструкція та обмеження конструктора
ПослугиРозробка MVP: від ідеї до працюючого продукту
Розробка MVP на замовлення: обсяг, UX, дизайн, фронтенд, бекенд, AI та запуск — силами одного сеньйора, який сам був засновником і CTO
ПослугиТехнічний директор (CTO) на аутсорсі для стартапу
CTO на аутсорсі для стартапу: архітектура, команда, код-рев'ю та розробка від технічного директора, який сам пише код. Години на тиждень або повна зайнятість
ПослугиAI для бізнесу: агенти, чат-боти та автоматизація
Розробка AI для бізнесу: AI-агенти, чат-боти на ваших даних, автоматизація зі штучним інтелектом, голос і відео — у працюючому продукті
Що таке React і як я його використовую?
Я прийшов у фронтенд як дизайнер, маючи за плечима близько 500 макетів інтерфейсів. У React ці макети стають робочими екранами: кожна частина дизайну перетворюється на компонент, який можна перевикористати й протестувати
Основні факти
Як я застосовую React
- Інтерфейси продуктів. Дашборди, сценарії входу, форми й налаштування в продуктах, які я роблю як інженер і як CTO.
- Пульти на телефонах. У моїй мультиплеєрній платформі кожен телефон показує пульт на React: джойстик, кнопки або плитки з відповідями — залежно від гри. Читати кейс.
- Адмінки. CMS цього сайту з редактором, медіатекою й публікацією — це застосунок на React.
- Відео. З Remotion відео — це React-компонент, тож ті самі навички дають пояснювальні ролики для VibeCatter.
Коли я обираю React і його обмеження
React підходить для інтерфейсів з великою кількістю стану: для екранів, які змінюються, поки користувач друкує, грає чи чекає на дані. Завдяки його екосистемі більшість проблем уже має добре перевірене рішення.
Для сторінки, де переважно текст, достатньо HTML, відрендереного на сервері, і саме так цей сайт доходить до читача: React рендерить сторінку на сервері, а JavaScript у браузері завантажують лише інтерактивні частини. Я тримаю цей JavaScript малим, бо кожен кілобайт забирає час у того, хто відкриває сторінку з телефона.
Працює разом із
Джерела
- React Documentation — Meta Open Source ·
