Вход в IT с нуля
Как стать React Native разработчиком с нуля: план обучения по шагам
Содержание
Чтобы стать React Native разработчиком с нуля, начните с «JavaScript» и идите по плану из 5 этапов, от основ до подготовки к собеседованию. Теория и вопросы по этому плану занимают примерно 30 часов, а больше всего времени уйдёт на практику и свои проекты: обычно путь до первых собесов занимает несколько месяцев регулярных занятий. Порог входа средний: удобно зайти из фронтенда, с нуля нужно учить JS, React и мобильную специфику.
Кто такой React Native разработчик
React Native разработчик пишет мобильные приложения на React и TypeScript. Часто в профессию приходят из фронтенда. На собесе спрашивают JavaScript и React плюс мобильное: списки и их производительность, навигацию, нативные модули, офлайн и сборку.
| Вопрос | Ответ |
|---|---|
| Что делает | Делает мобильные приложения на JavaScript и React |
| Язык и инструменты | JavaScript, TypeScript, React, React Native, Expo |
| Порог входа | Средний. Удобно зайти из фронтенда, с нуля нужно учить JS, React и мобильную специфику |
| Кому подойдёт | Тем, кто знает или хочет знать React и мечтает о мобильных приложениях |
Перспектива через 5 лет
Что будет с профессией к 2031
Под давлением ИИJS-стек хорошо отдаётся ИИ, а рядом сильный конкурент Flutter.
Учите нативные модули и архитектуру, держите в запасе Flutter или нативную платформу.
Как стать React Native разработчиком: план по этапам
Порядок тем построен по карте навыков: сначала то, на что опираются следующие темы. Название темы ведёт на бесплатный урок.
Этап 1. Основа профессии
Главный язык или дисциплина профессии. На этом держится всё остальное, торопиться не стоит.
- Типы и приведение7 мин
- Области видимости и замыкания7 мин
- this, call, apply, bind6 мин
- Прототипы и классы8 мин
- Функции высшего порядка6 мин
- Объекты и массивы7 мин
- Современный синтаксис8 мин
- Event loop7 мин
- Промисы и async/await8 мин
- Ошибки6 мин
- Итераторы и генераторы7 мин
- Модули7 мин
- Память и сборка мусора6 мин
- Реализация с нуля8 мин
- Разминка: короткие функции6 мин
Этап 2. Следующий слой
Следующий слой поверх основы: фреймворки и темы, которые опираются на предыдущий этап.
- Базовые типы6 мин
- Объединения и сужение6 мин
- Дженерики6 мин
- Утилитарные типы6 мин
- Условные и mapped-типы7 мин
- Классы и интерфейсы6 мин
- tsconfig и декларации6 мин
- Задачи на типы7 мин
Этап 3. Продвинутый слой
Следующий слой поверх основы: фреймворки и темы, которые опираются на предыдущий этап.
- Архитектура и новая архитектура8 мин
- Компоненты и стили7 мин
- Списки и производительность7 мин
- Навигация6 мин
- Состояние и данные7 мин
- Нативные модули7 мин
- Анимации и жесты7 мин
- Офлайн и хранение7 мин
- Push-уведомления6 мин
- Expo и bare6 мин
- Отладка и профилирование7 мин
- Сборка и OTA-обновления7 мин
- Тестирование6 мин
Этап 4. Окружение и инструменты
То, что нужно в любой команде: сети, базы, командная строка, Git. Можно идти параллельно с основой.
- HTTP: методы, статусы, заголовки7 мин
- Кеширование7 мин
- HTTPS и TLS7 мин
- HTTP/2 и HTTP/36 мин
- Проектирование API8 мин
- CORS6 мин
- Аутентификация8 мин
- WebSocket и SSE6 мин
- Что происходит при вводе адреса8 мин
Этап 5. Подготовка к собеседованию
Рассказ о себе, истории по STAR, английский. Начинайте за 2-3 недели до первых откликов.
- Рассказ о себе7 мин
- Рассказ о проектах6 мин
- Истории по STAR7 мин
- Команда и конфликты6 мин
- Мотивация и уход5 мин
- Как звучать на свой грейд6 мин
- Вопросы компании5 мин
- Зарплата и оффер7 мин
- HR-скрининг5 мин
- Резюме и отклики6 мин
- Tell me about yourself7 мин
- Проекты и твоя роль7 мин
- Объяснение технических решений7 мин
- Думать вслух над задачей7 мин
- Behavioral по STAR8 мин
- Вопросы компании6 мин
- Зарплата и оффер7 мин
- Small talk и созвоны6 мин
- IT-лексика: разработка7 мин
- IT-лексика: QA, DevOps, данные, менеджмент8 мин
- Времена в рассказе об опыте8 мин
- Артикли и предлоги7 мин
- Произношение IT-слов6 мин
- Письма рекрутеру и follow-up7 мин
Этап 6. На вырост: после первой работы
Для первого оффера junior не обязательно. Понадобится на middle, но знакомство с темой плюс на собесе.
- MVC, MVP, MVVM, MVI, VIPER7 мин
- Clean Architecture и слои6 мин
- Навигация, координаторы и deep links6 мин
- Модульность6 мин
- Внедрение зависимостей6 мин
- Офлайн и синхронизация8 мин
- Кеширование6 мин
- Push-уведомления6 мин
- Безопасность мобильных приложений7 мин
- Производительность и холодный старт6 мин
- CI/CD, фича-флаги и релизы6 мин
- Мобильный system design8 мин
Сколько времени займёт
| Этап | Уроки | Вопросы junior | Теория и вопросы |
|---|---|---|---|
| Этап 1. Основа профессии | 1,7 ч | 381 | 11 часов |
| Этап 2. Следующий слой | 2,2 ч | 166 | 6 часов |
| Этап 3. Продвинутый слой | 1,5 ч | 56 | 3 часа |
| Этап 4. Окружение и инструменты | 1,1 ч | 46 | 2 часа |
| Этап 5. Подготовка к собеседованию | 2,6 ч | 203 | 8 часов |
| Этап 6. На вырост: после первой работы | 1,3 ч | 48 | 3 часа |
Проекты для портфолио
2-3 своих проекта с README и живой ссылкой дают больше, чем десяток учебных. Идеи, с которых можно начать:
- Приложение на Expo с навигацией, сетью и кешем
- Лента с длинным списком, пагинацией и оптимизацией FlatList
- Приложение с push-уведомлениями и офлайн-хранилищем
Что спросят на первом собеседовании
Частые вопросы junior по этой роли. Полный список тем и вопросов на странице «Что должен знать junior React Native разработчик».
- Склейка страниц без дублейReact Native
- Чем отличаются var, let и constJavaScript
- Почему any вреденTypeScript
- Зачем нужны keyReact
- Чем отличаются GET и POSTСети и HTTP
- Почему MVC в iOS называют Massive View ControllerАрхитектура мобильных приложений
- Расскажите о себеО себе и поведенческое
- Начало созвона и small talkАнглийский на собеседовании
- Первым почти всегда идёт HR-интервью: мотивация, почему IT, ожидания.
- Подготовьте рассказ о себе без коммерческого опыта: учёба, проекты, почему эта профессия.
- Junior часто дают тестовое задание, его потом разбирают на созвоне.
- Как устроен весь процесс найма, смотрите в гайде «Как проходит собеседование».
Как найти первую работу
- Сначала уверенный JavaScript и React, мобильное поверх
- Знайте, как устроена новая архитектура и мост к нативному коду
- Покажите приложение, которое запускается на телефоне
Частые ошибки новичков
- Не знать основ JavaScript
- Рендерить большие списки без виртуализации
- Бояться нативной части проекта
Частые вопросы
Сколько учиться, чтобы стать React Native разработчиком?
С чего начать?
Какой порог входа?
Что спросят на первом собеседовании?
Начните путь в профессию сегодня
Все уроки бесплатно, план по шагам и вопросы на закрепление. Когда дойдёте до собесов, там же мок и трекер откликов.
Куда дальше
Что должен знать junior React Native разработчик
Темы и 15 частых вопросов
Тест: React Native
Проверить, что уже знаете
Как проходит собеседование
Этапы от HR до оффера
Все профессии с нуля
Сравнить 30 направлений
Как стать iOS-разработчиком
Делает приложения для iPhone и iPad
Как стать Android-разработчиком
Делает мобильные приложения для Android
Как стать Flutter-разработчиком
Делает кроссплатформенные мобильные приложения на Dart