Как стать React Native разработчиком в 2018 году

Если вы посмотрите результаты исследования The State of JavaScript 2017, то найдете массу интересных данных. Для меня было удивительно узнать, что много людей хотят изучать React Native.

Это здорово. В прошлом году я работал на полную ставку, обучая людей использовать React Native. Я учил всех: от команд разработчиков, стремящихся максимизировать свои существующие ресурсы и достигать успеха сразу на iOS и на Android, до людей в Африке и Индии, стремящихся улучшить качество жизни своего общества с помощью мобильных приложений.

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

Я очень много отвечаю на электронные письма. Вопрос, который возникает у людей чаще всего: какой лучший способ изучения React Native? Я им отвечаю, что лучшего способа не существует.

Советы по изучению React Native

Прежде чем мы погрузимся в тактические моменты, которые вам помогут стать разработчиком React Native, я хочу дать несколько советов по самообразованию в целом. Я обнаружил, что люди, как правило, хорошо обучают себя новому предмету, когда сознательно выделяют на это время.

Я понимаю, что мы все заняты, но несколько советов могут помочь учиться значительно быстрее.

Избегайте шума

Возможно, вы подписаны на множество ресурсов и читаете массу информации о технологиях.

Отлично! Мир технологий, в котором мы живем, постоянно растет и развивается.

Но это может быть утомительным, особенно если вы только начинаете обучаться. Мое предложение заключается в том, что, как только вы закончите читать этот пост и создадите учебный план, нужно долго и упорно работать над освоением навыка.

Сосредоточьтесь на том, что изучаете и на какое-то время блокируйте поступление посторонней информации. Позвольте себе изучить основные концепции, а не находиться в состоянии, при котором хочется изучать несколько языков.

Создайте план и придерживайтесь его.

Начните с малого

Я постоянно отвечаю на электронные письма, в которых люди пишут, что пытаются интегрировать сложный пакет в свое приложение, и оно не работает.

Я знаю, что вы хотите прямо сейчас погрузиться в создание своего приложения. Но это не лучший способ обучаться. Это расстраивает, потому что есть много мелких проблем, которых замечаешь спустя несколько недель и приходится заново переписывать код.

Изучите одну концепцию / один пакет / одну технику за раз.

Как только вы выясните, как это делается в sandbox, перенесите свои знания в реальное приложения. Вы будете счастливее, если будете четко понимать, что и почему происходит.

Расписание дня

Вы заняты. Я занят. Мы все заняты. Но у нас всегда есть время для важных вещей — встреча с боссом или инвестором, может быть, свидание.

Во всех этих случаях вы принимаете на себя обязательство, записываете его в свой календарь и придерживаетесь его.

Найдите 5 минут — я знаю, что вы можете. Забронируйте 5 минут в будние дни. Как только это будет удобно, увеличьте время до 10. Затем до 15 и так далее.

Очень важно записывать в календарь, когда и сколько вы будете учиться. Я учусь 30 минут до обеда и 15-30 минут после.

Составьте учебный план

Я упомянул об этом раньше, но это так важно, что повторю еще раз. План окупается. Вы создаете его для многих вещей в своей жизни, так почему бы не сделать это для изучения React Native?

Хватит бездумно читать технологические новости. Сейчас нет времени на это. Пришел момент составить план обучения.

Вот как я предлагаю вам это сделать. Посмотрите на учебные ресурсы, о которых я упомяну ниже, просмотрите контент, который они предлагают, и поместите обучение им в свой календарь. Работайте усердно над навыком, прежде чем заниматься чем-либо еще.

Не будьте исключительно потребителем

Я считаю, что это то, с чем многие борются студенты моих курсов. Они смотрят видео — и все. Максимум — пишут тот код, о котором говорится в ролике.

Потребление и создание — это то, как можно достичь мастерства. Вы сталкиваетесь с проблемами, которые должны отлаживать, вы спрашиваете, почему что-то сделано определенным образом, и наращиваете мышечную память.

Не только потребляйте, но и создавайте.

Образовательные ресурсы по React Native

JavaScript

• JavaScript for cats
• Learn JavaScript Essentials

Есть много информации о любом языке. Если вы заинтересованы в изучении функций ES6, который обычно встречаете в React Native, я собрал этот обзор для вас.

React

Важно понимать React, чтобы пользоваться React Native. Вы можете найти массу информации о React.

Я большой поклонник Дэна Абрамова. Он научит вас всему, что вам необходимо знать.

• Tutorial: Intro to React.

Если вы новичок в JSX, поможет это:

• Introducing JSX.

Я также постоянно ссылаюсь на различные методы жизненного цикла (lifecycle methods), потому что мой мозг отказывается их помнить:

• React.Component.

React Native

Для начала изучите официальное руководство, особенно основы:

• Learn the basics.

Как только вы закончите с этим, у меня для вас есть бесплатный курс. Он проведет вас через создание конвертера валют с помощью React Native:

• React Native Basics: Build a Currency Converter.

Другим бесплатным ресурсом является React Native Express от Девина Аббота.

• React Native Express.

Эти ресурсы дадут вам прочную основу для дальнейшего развития.

Инструменты

Одна из самых трудных вещей в изучении чего-то нового — это убедиться, что вы настроили свою среду таким образом, чтобы могли действительно эффективно обучаться. Вот как это сделать.

Expo

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

Другое преимущество — они предоставляют вам множество API по умолчанию (например, доступ к камере, доступ к иконкам и многое другое), поэтому вам не нужно беспокоиться об их установке. Это просто работает.

Если вы никогда не работали с React Native, или даже если работали, я бы настоятельно рекомендовал попробовать этот ресурс. Именно с его помощью я создаю все свои приложения.

React Navigation

Ваше приложение, вероятно, будет работать не с одним экраном. Чтобы справиться с навигацией, выберите React Navigation. Он прост в использовании, и большинство обучающих программ, с которыми вы сталкиваетесь (как только вы закончите свой учебный план!), скорее всего, будут его использовать.

React Native Elements

React Native Elements — это библиотека пользовательского интерфейса, которая позволит вам быстро и легко создавать красивые приложения.

Помимо простого предоставления общих компонентов пользовательского интерфейса, это отличный способ узнать, как использовать React Native. Компоненты разработаны очень хорошо, и это отличный проект для погружения в изучение того, как структурировать и создавать собственные компоненты пользовательского интерфейса.

Помните, что вы должны учиться, только имея на руках учебный план. Я собрал учебное пособие для ознакомления с ресурсами, а также разбил его на логические группы и оценил время. Скачать его можно здесь.