Разработка на React Native: с чего начать

Запрос «React Native» чаще приходит уже с болью: либо сроки горят, либо подрядчик пропал, либо внутренний IT не успевает. Разберём рабочую постановку так, чтобы можно было сразу идти в оценку.

Рабочая постановка начинается с границ продукта. Мы спрашиваем: кто пользователь, какой сценарий обязателен в первом релизе, какие системы уже нельзя трогать, какой канал заявок должен продолжить работать в день переключения. Для «React Native» это особенно важно, потому что соблазн расползтись на «сделаем сразу всё» приводит к смете, которую никто не подпишет, и к срокам, которые невозможно защитить.

Ограничения и входы

Дальше фиксируем артефакты. Минимум: список ролей, пользовательские сценарии (5–15 штук), перечень интеграций с приоритетом, ограничения по срокам и «не делаем в v1». Если этого нет, мы предлагаем платный discovery на 5–10 рабочих дней. Это не попытка продать воздух: на выходе появляется смета с допущениями, а не фантазия в один слайд.

Сроки и производство

По срокам ориентиры такие (очень грубо, до деталей): узкая доработка — от 1–3 недель; сфокусированный MVP — от 4–10 недель; полноценный контур с интеграциями — от 2–5 месяцев. «Разработка на React Native» редко бывает «за выходные», если речь не о прототипе на коленке. Мы предпочитаем честную вилку и календарь релизов вместо обещания, которое ломается на первой же встрече с 1С-специалистом заказчика.

Бриф и сбор ограничений: сроки, бюджетная рамка, обязательные интеграции.
Карта сценариев и ролей: что должно работать в первой версии.
Прототип/структура и смета с допусками.
Дизайн ключевых состояний (не только «счастливый» путь).
Разработка и демо по спринтам.
Тесты, подготовка прод-контура, обучение.
Релиз и наблюдение, план развития.

Практика и нюансы

В Томске мы ведём проекты удалённо и офлайн: часть команда встречается на Карла Маркса 48/1, часть работает распределённо. Для клиентов из других городов это не мешает — статус-встречи раз в неделю, доступ к доске задач и понятные демо по спринтам. Важно заранее договориться, кто со стороны бизнеса принимает решения в течение суток, а не «когда будет время».

Стек выбираем под задачу и команду сопровождения. Laravel/PHP, Node, Flutter, React, Vue, Postgres, Redis, Docker — не magazin статусов «модно», а набор, который можно поддерживать. Если у клиента уже есть сильная 1С-команда, делаем акцент на стабильные обмены, а не на переписывание учёта «потому что хочется микросервисы».

После запуска нужен период наблюдаемости: метрики ошибок, время ответа API, конверсия форм, скорость ключевых страниц. Без этого улучшения идут на ощущениях. Мы оставляем дашборд хотя бы минимальный — чтобы спор «сайт тупит» превращался в цифры.

Скорость сайта влияет и на рекламу, и на SEO. Core Web Vitals — не мода, а практический фильтр: тяжёлые скрипты, гигантские изображения, блокирующие шрифты. На текстовых SEO-страницах мы сознательно обходимся без картинок, чтобы не раздувать вес.

Конфликты в проекте почти всегда про ожидания, а не про код. Ретроспективы раз в 2–3 спринта снимают напряжение раньше, чем оно превратится в «они ничего не понимают».

Интеграции чаще всего съедают сроки не из‑за «сложного API», а из‑за отсутствующей документации на стороне заказчика или подрядчика 1С. Перед стартом запрашиваем доступ к песочнице, список методов, ограничения по частоте запросов и формат ошибок. Без этого оценка интеграции — гадание.

Тестирование — не «покликать перед сдачей». Чек-листы по ролям, проверка платежей на тестовых кассах, прогон мобильных разрешений, смоук после деплоя. Для критичных модулей пишем автотесты на самые болезненные сценарии. Это ощутимо дешевле горящих багов в проде.

SLA поддержки описываем без воды: время реакции, время решения по классам инцидентов, что считается критичным. Клиент должен понимать, в какой ситуации мы просыпаемся ночью, а в какой — правим в ближайший рабочий день.

Деньги и состав работ

Внутри HPACE процесс обычно такой: бриф → оценка/discovery → прототип или ТЗ → дизайн ключевых экранов → разработка спринтами → демо → тест → релиз → наблюдаемость две–четыре недели. Для «Разработка на React Native» вес этапов разный: где-то больше аналитики, где-то больше интеграций, где-то упираемся в UX сложных таблиц. Поэтому сравнивать нас с «сайтом за 30 тысяч» бессмысленно — это разные продукты.

На что смотреть при выборе подрядчика

Типовые ошибки заказчика на таких проектах повторяются. Первая: нет владельца продукта со стороны бизнеса. Вторая: доступы к системам дают через месяц после старта. Третья: контент и справочники « ascой-нибудь зальют потом». Четвёртая: договорённости живут только в чате. Мы переводим решения в задачи и спецификацию — иначе «вроде договорились» превращается в конфликт на приёмке.

Стартовать разработку без владельца продукта у заказчика.
Прятать интеграции «потом», хотя на них держится запуск.
Мерить успех только красотой экранов.
Не закладывать время на контент и чистку данных.
Путать поддержку после запуска с «бесплатными правками навсегда».
Требовать фикс-прайс при плавающем scope и отсутствующих доступах.

Критерии выбора подрядчика здесь простые и жёсткие. Смотрите, умеет ли команда разложить работу на релизы, показывает ли риски до оплаты большого этапа, говорит ли по-русски о архитектуре без театра. Спросите про тестовые контуры, роли QA, план миграции, SLA после запуска. Если в ответ только «мы гибкие и клиентоориентированные» — это не план.

Деньги: мы прозрачно показываем состав. Аналитика и проектирование, дизайн, backend, frontend, QA, DevOps, внедрение, обучение. Можно фиксировать этапы с предоплатой за спринт или за релиз. Для «React Native» часто работает схема: сначала платный каркас решения, затем основная разработка. Так заказчик раньше видит, куда уходит бюджет.

Мобильная история упирается в публикации, пуши, права ОС, офлайн-поведение и глубину нативной части. Кроссплатформа экономит время на UI и бизнес-логике, но не отменяет устройствую ферму для тестов. Заложите время на кабинеты магазинов приложений — это не «пять минут у маркетолога».

Связанные материалы на сайте: посмотрите раздел услуг, кейсы, при необходимости аутстафф и нишевые решения. Если задача уже зрелая — лучше сразу написать нам или открыть форму обсуждения проекта.

Отдельно про ожидания по коммуникации. Мы нормально относимся к жёстким вопросам про сроки и деньги. Плохо относимся к скрытому scope в духе «ну это же мелочь». Мелочь — это правка текста. Новый кабинет роли — это этап. Такая лексика экономит нервы всем.

Для текстовых SEO-посадок мы сознательно убираем тяжёлые галереи. Страница должна читаться и быстро открываться — особенно с мобильного в регионах.

На Flutter-проекте экономия проявилась не в «два приложения даром», а в единых релизных циклах и общей бизнес-логике. Нативные модули всё равно точечно понадобились.

Если смотреть на «Разработка на React Native» как на инвестицию, полезно заранее решить метрику успеха на 30/60/90 дней: число заявок, время обработки, доля автоматизации, ошибка обмена, скорость страницы, CSI менеджеров. Без метрики спор о качестве превращается в вкус.

Если нужно прикинуть бюджет по «React Native» — пришлите бриф. Напишите в Telegram @hpace_ru, оставьте заявку через форму «Обсудить проект» или загляните в контакты.

Практические заметки

Дополнительно по «React Native»: закладывайте время на согласование доступов и справочников. На практике это съедает дни даже у дисциплинированных команд. Чем раньше бухгалтерия/операционный блок подключится, тем спокойнее релиз.

Ещё один слой — инструкции для людей, которые будут жить в системе ежедневно. Короткий скринкаст на 5–7 минут по главному сценарию часто полезнее толстого PDF. Мы делаем и то, и другое по запросу.

Если сравнить «Разработка на React Native» с покупкой «просто подрядчика часов», разница в ответственности за результат. Мы продаём контур работ с критериями приёмки, а не абстрактную занятость.

Для внутренних презентаций руководству удобно иметь одностраничный summary: цель, scope, срок, бюджетная вилка, риски. Можем подготовить такую выжимку после брифа — чтобы вы не объясняли всё с нуля на каждом совещании.

И про ожидания по правкам: в активной разработке правки в рамках согласованных экранов нормальны. Правки, рождающие новые сущности и роли, — это изменение scope. Мы показываем влияние на срок до того, как «уже почти нарисовали».

На финале полезно пройтись по чек-листу эксплуатации: бэкапы, мониторинг, кто может накатить хотфикс, где лежат ключи, кто продлевает сертификаты. Звучит прозаично, но именно это отличает сдачу от «бросили и убежали».

Уточнение по внедрению (1)

География работы шире Томска: ведём проекты по России. Часовой пояс обычно согласовываем под заказчика. Главное — не количество созвонов, а качество решений: меньше статусных встреч ради галочки, больше зафиксированных артефактов. В контексте «React Native» это проявляется так: решения нужно фиксировать в задачах, а не оставлять в головах участников чата.

Для страницы «Разработка на React Native» мы отдельно проговариваем критерий готовности №1: что должно быть согласовано на демо, какие данные считаются эталонными и кто подтверждает приёмку со стороны бизнеса.

Пилотный контур на ограниченной группе пользователей снижает риск большого запуска. Для сетей и франшиз так почти обязательно: сначала 1–2 точки, потом масштабирование конфигурации. Иначе ошибки тиражируются мгновенно. В контексте «React Native» это проявляется так: решения нужно фиксировать в задачах, а не оставлять в головах участников чата.

Для страницы «Разработка на React Native» мы отдельно проговариваем критерий готовности №2: что должно быть согласовано на демо, какие данные считаются эталонными и кто подтверждает приёмку со стороны бизнеса.

Аналитика событий на фронте бесполезна без словаря событий. «Кнопка_1_клик» через месяц никто не расшифрует. Имена и свойства событий согласуем с маркетингом до внедрения. В контексте «React Native» это проявляется так: решения нужно фиксировать в задачах, а не оставлять в головах участников чата.

Для страницы «Разработка на React Native» мы отдельно проговариваем критерий готовности №3: что должно быть согласовано на демо, какие данные считаются эталонными и кто подтверждает приёмку со стороны бизнеса.