Делаем добро вместе Детальнее

Уроки React Native

Изучение React Native / Урок #1 – Разработка мобильного приложения на JavaScript

Изучение React Native / Урок #1 – Разработка мобильного приложения на JavaScript

Представляем вам большой курс по изучению React Native с нуля. В ходе курса для начинающих вы научитесь создавать мобильные приложения на JavaScript (React). За курс будет создано несколько проектов на основе Реакт JS.

Видеоурок

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


Что такое 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. Мы научимся создавать компоненты, реализовывать всплывающие окна, добавлять ко всему стили и плюс тестировать на виртуальных устройствах.


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


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

Задание к уроку

Возможности React Native

Опишите в двух словах на что способен React Native?


Сможете ли вы на его основе построить что-то в духе приложения Uber?

Посмотреть ответ

React Native подходит для построения мобильных приложений разного жанра и сложности. На его основе вы легко и быстро можете создавать проекты, добавляя к ним дизайн, функции и работу с базой данных.


На основе React Native вы смогли бы построить схожее приложение с Uber.

Большое задание по курсу

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

Также стоит посмотреть

Курс по React JS для начинающих
14 уроков
Создание приложения на React JS / Использование API
7 уроков
Изучение React JS / Redux библиотеки
9 уроков
Комментарии для сайта Cackle