React Native. Основной код приложения. Тестирование и отладка

Think Results.
Примеры приложений
https://facebook.github.io/react-native/showcase.html

Think Results.
Отличия React от React Native
React
React Native
Знает, что такое компонент
Знает, как заставить работать компоненты вместе
Знает, как отрисовать компоненты на экране
Предоставляет набор базовых компонентов

Think Results.
Пример простейшего приложения на
React Native
https://github.com/simple17/Metronome

Think Results.
Установка библиотеки и инициализация приложения
npm install -g react-native-cli
react-native init MyMobileApp
cd MyMobileApp
react-native run-ios

Think Results.
Импорт зависимостей

Think Results.
Стили и пара констант

Think Results.
Основной код
приложения

Think Results.
Пример многоэкранного приложения
https://github.com/simple17/Metronome

Think Results.

Think Results.
Взаимодействие с сетью
Fetch
Другие
WebSocket
XMLHttpRequest
Frisbee
Axios

Think Results.
Тестирование и отладка
Jest как средство написания unit тестов
Call стек
Chrome dev tools

Think Results.
Ограничения
iOS > 7, Android > 4.1
Есть зависимые от платформы свойства компонентов
Есть компоненты доступные только для определённых платформ
При отсутствии необходимого компонента придётся самому писать Bridge

Think Results.
Ссылки
https://facebook.github.io/react-native
https://github.com/reactjs/redux
https://github.com/react-community/react-navigation
https://reactjs.org
https://expo.io
https://css-tricks.com/snippets/css/a-guide-to-flexbox