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

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

Слайд 1 ReactNative по-быстрому



Презентация компании
www.firstlinesoftware.ru
2017


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


Слайд 3Think Results.
Отличия React от React Native
React
React Native
Знает, что такое компонент
Знает, как

заставить работать компоненты вместе

Знает, как отрисовать компоненты на экране
Предоставляет набор базовых компонентов


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


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

MyMobileApp
react-native run-ios

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


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


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


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


Слайд 10Think Results.


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


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

tools

Слайд 13Think Results.
Ограничения
iOS > 7, Android > 4.1
Есть зависимые от платформы свойства

компонентов
Есть компоненты доступные только для определённых платформ
При отсутствии необходимого компонента придётся самому писать Bridge

Слайд 14Think 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


Слайд 15Think Results.
Спасибо! www.firstlinesoftware.ru


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

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


Для правообладателей

Яндекс.Метрика