Уроки React Native

Полезные ссылки:

• Программа Visual Studio Code;
• Официальный сайт NodeJS.

Что такое React Native?

Думаю, вы знаете что такое React JS и, возможно, даже использовали его на практике. По сути React JS представляет из себя JavaScript-библиотеку для разработки UI (User interface). Создание интерфейса и манипуляция DOM структурой сайта за счет React JS происходит в простом и удобном формате.

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

Если ранее вы знакомились с React JS, то знаете насколько быстро можно манипулировать различными данными на любой из HTML страниц. Каждый ваш компонент обладает всем необходимым: стилями, функциями и HTML разметкой. Точно такой же, но немного изменённый формат разработки, они перенесли в React Native и сделали возможность создания мобильных приложений.

Зачем он нужен и почему крут?

Предположим, вы решили разработать некий  мобильный проект. Тут же возникает много вопросов. Какой язык изучить: Джава или же Swift, а может лучше и вовсе попробовать C++? А какой язык изучить, если нужно под несколько платформ разрабатывать?

И таких вопросов получается достаточно много. На все из них нужно ответить, прежде чем разработать мобильное приложение. Более того, ваше приложение, скорее всего, будет работать лишь под одну ОС.

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

React Native очень схож с разработкой программы на основе обычного React JS. Вы также создаете компоненты, прописываете HTML, CSS и функции на основе синтаксиса языка JavaScript. Все такое же за исключением одного – вы разрабатываете не веб проект, а полноценное мобильное приложение.

Вы получаете много плюшек положительных моментов. 

1. Во-первых, ваш проект будет корректно работать сразу на многих операционных системах. На том же iOS или Андроид не будет никаких проблем. Более не нужно писать два приложения на разных языках под две операционные платформы. 
2. Во-вторых, весь код обновляется в режиме живого времени. Вы сразу видите что вы пишите. Если говорить про Swift или Java, то чтобы увидеть результат сперва нужно скомпилировать проект.
3. В-третьих, проект банально проще написать. Все же JavaScript и React Native куда проще, нежели Swift или же Java.

На что он способен?

Стоит задать вопрос: на что способен обычный веб сайт? Веб сайт может содержать красивый дизайн, иметь возможность подключения к базе данных, может иметь обработку платежей от пользователя и может обладать большим набором анимаций, картинок, шрифтов и прочих элементов.

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

Отличие веб сайта от мобильного приложения заключается в нескольких моментах. Веб сайт не может отправлять PUSH-уведомления, не может быть доступным офлайн и не может быть на главной странице экрана. Так вот, веб сайт не может, а вот проект на основе React Native – может.

Ниже список проектов, написанных на основе этой платформы:

• приложение сети магазинов Wallmart;
• приложение СМИ портала Bloomberg;
• приложение SoundCloud Pulse;
• конструктор веб сайтов Wix;
• проекты от компании Facebook: Instagram, Facebook Ads.

Это лишь небольшой список из проектов, что созданы на основе React Native.  

Что нужно знать перед курсом?

Перед изучением курса мы рекомендуем вам изучить тему построения веб сайтов. Вам нужно разбираться в HTML, CSS, JavaScript, а также иметь хотя бы базовые представления про React JS.

Курс для начинающих с нуля и до полного изучения по этим технологиям представлены на нашем сайте.

План курса

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

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

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