React Native

React Native это кроссплатформенный фреймворк, построенный на базе реакта, который появился в начале 2015 года и следует идее запуска одного кода на разных мобильных платформах. Несомненным его плюсом является философия «написал раз — используй везде». Это относится как к разнообразию платформ, с которыми можно его использовать, начиная от Iphone и заканчивая приложениями для smart TV, VR, а также приложениями с дополненной реальностью, так и к многофункциональности команд. Одна и та же команда разработчиков может поддерживать несколько проектов на React и на React Native. Целью данного урока является создание и запуск первого React Native приложения и ознакомление со структурой приложения. По окончанию вы сможете запустить ваше первое приложение на симуляторе.

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

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

В этом уроке мы узнаем, что такое TypeScript и как можно использовать TypeScript не только с React Native но и при написании Web приложений. По окончанию мы сможем пользоваться всеми преимуществами статической типизации.

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

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

Каждому приложению нужна красивая и узнаваемая иконка, которая привлекает внимание в магазине и выделяется на главном экране. Ваша иконка — это первая возможность сразу рассказать о функционале вашего приложения. В этом уроке мы на практике настроим стартовый экран и добавим иконки в наше приложение на обоих платформах Android и IOs. Также разберемся с сервисами, которые будут полезны при создании комплектов наших иконок.

Целью данного урока является подключение нативных функций устройства на примере react-native-image-picker

Практически всем мобильным приложениям необходимо загружать ресурсы с удаленного URL-адреса. Вы можете отправить запрос POST к REST API или получить фрагмент статического содержимого с другого сервера. Целью данного урока является ознакомление с интернет запросами в приложениях React Native, а также их отладка

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