Розробка, підтримка та доробка на React

Коротко: розробка на React

• Що це. React — бібліотека для інтерфейсів, на якій роблять односторінкові застосунки (SPA), особисті кабінети, адмінки й дашборди.
• Коли обрати. Підходить для інтерфейсів з великою кількістю інтерактиву. Для публічного сайту, якому важливе SEO, React зазвичай використовують разом з Next.js.
• Що робимо. Horenko Production (Київ, з 2014 року) бере на супровід React-застосунки інших команд: лагодимо, оновлюємо, дописуємо функції. З нуля робимо SPA, кабінети й адмінки.
• Скільки коштує. Аудит коду — від $300, погодинно — від $35/год, абонентська підтримка — від $350/міс, виділений розробник — від $4 000/міс. Ціна нової розробки залежить від екранів, ролей та інтеграцій.
• Детальніше про розробку корпоративного сайту — від $2 000, від 10 робочих днів.

Розробка на React і супровід наявних проєктів

Розробка на React має сенс там, де сайт працює як програма: особистий кабінет, таблиці з фільтрами, статуси й графіки без перезавантаження сторінки. Інтерфейс із компонентів зручно розвивати роками — поки код доглянутий.

Часто до нас приходять з готовим застосунком: розробник пішов, збірка падає, оновлюватися страшно. Ми беремо такі проєкти на підтримку: спершу розбираємося в коді, потім узгоджуємо план робіт.

Якщо вам потрібен сайт, який має ранжуватися в Google, — корпоративний сайт, каталог, блог чи магазин, — дивіться розробку на Next.js: це фреймворк на базі React із серверним рендерингом. Якщо потрібен мобільний застосунок для iOS і Android — дивіться розробку на React Native.

Як ми приймаємо React-проєкт від іншої команди

Крок 1. Доступи і бекап. Збираємо все, без чого проєкт не зібрати і не задеплоїти.

• Репозиторій, хостинг, домен, CI/CD, ключі сервісів.
• Копія коду, змінних оточення і бази бекенду.

Крок 2. Аудит. Перевіряємо, що нам дісталося, і фіксуємо це письмово.

• Версії React, Node.js, збирача і ключових бібліотек.
• Вразливості, покинуті пакети, секрети в коді, вузькі місця швидкодії.

Крок 3. Стабілізація. Спершу прибираємо те, що заважає працювати.

• Критичні баги, падіння збірки, прості вразливості.

Крок 4. Процес. Налаштовуємо роботу так, щоб зміни не ламали прод.

• Git, окремий staging, автоматична збірка і деплой.
• Лінтер, TypeScript-перевірки, тести на критичні сценарії.

Крок 5. План оновлень. Узгоджуємо з вами, що оновлюємо зараз, а що — разом із наступними функціями.

Крок 6. Регулярна робота. Далі працюємо за обраною моделлю: погодинно, абонементом або виділеним розробником.

Стек

Поруч із React працюємо з TypeScript, Vite, Redux Toolkit, TanStack Query, Laravel і Node.js. Суміжні сторінки: Next.js, React Native, Vue, Laravel.