Технология
React
React — JavaScript-библиотека для создания пользовательских интерфейсов из компонентов. Я использую её во всех интерфейсах, которые выпускаю: экраны продуктов, админки, пульты для игр на телефонах и даже видео, которые рендерятся в коде
- Тип
- Технология
- Официальный сайт
- 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 ·
