Обучение
Как стать React Native разработчиком в 2018 году
Спенсер Карли, эксперт по React Native и Meteor, составил пошаговый учебный план изучения React Native. Если вы хотите приобщиться к этой технологии, то его система послужит для вас прекрасным введением в кроссплатформенную разработку.
Если вы посмотрите результаты исследования 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
Есть много информации о любом языке. Если вы заинтересованы в изучении функций ES6, который обычно встречаете в React Native, я собрал этот обзор для вас.
React
Важно понимать React, чтобы пользоваться React Native. Вы можете найти массу информации о React.
Я большой поклонник Дэна Абрамова. Он научит вас всему, что вам необходимо знать.
Если вы новичок в JSX, поможет это:
Я также постоянно ссылаюсь на различные методы жизненного цикла (lifecycle methods), потому что мой мозг отказывается их помнить:
React Native
Для начала изучите официальное руководство, особенно основы:
Как только вы закончите с этим, у меня для вас есть бесплатный курс. Он проведет вас через создание конвертера валют с помощью React Native:
Другим бесплатным ресурсом является React Native Express от Девина Аббота.
Эти ресурсы дадут вам прочную основу для дальнейшего развития.
Инструменты
Одна из самых трудных вещей в изучении чего-то нового — это убедиться, что вы настроили свою среду таким образом, чтобы могли действительно эффективно обучаться. Вот как это сделать.
Expo
Expo делает разработку мобильных приложений невероятно легкой. Он позволяет создавать мобильные приложения независимо от того, на какой платформе вы находитесь. Его разработчики сделали так, чтобы вам не нужно было особо беспокоиться на этом этапе обучения.
Другое преимущество — они предоставляют вам множество API по умолчанию (например, доступ к камере, доступ к иконкам и многое другое), поэтому вам не нужно беспокоиться об их установке. Это просто работает.
Если вы никогда не работали с React Native, или даже если работали, я бы настоятельно рекомендовал попробовать этот ресурс. Именно с его помощью я создаю все свои приложения.
React Navigation
Ваше приложение, вероятно, будет работать не с одним экраном. Чтобы справиться с навигацией, выберите React Navigation. Он прост в использовании, и большинство обучающих программ, с которыми вы сталкиваетесь (как только вы закончите свой учебный план!), скорее всего, будут его использовать.
React Native Elements
React Native Elements — это библиотека пользовательского интерфейса, которая позволит вам быстро и легко создавать красивые приложения.
Помимо простого предоставления общих компонентов пользовательского интерфейса, это отличный способ узнать, как использовать React Native. Компоненты разработаны очень хорошо, и это отличный проект для погружения в изучение того, как структурировать и создавать собственные компоненты пользовательского интерфейса.
Помните, что вы должны учиться, только имея на руках учебный план. Я собрал учебное пособие для ознакомления с ресурсами, а также разбил его на логические группы и оценил время. Скачать его можно здесь.