- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
React Native. Основной код приложения. Тестирование и отладка презентация
Содержание
- 1. React Native. Основной код приложения. Тестирование и отладка
- 2. Think Results. Примеры приложений https://facebook.github.io/react-native/showcase.html
- 3. Think Results. Отличия React от React Native
- 4. Think Results. Пример простейшего приложения на React Native https://github.com/simple17/Metronome
- 5. Think Results. Установка библиотеки и инициализация приложения
- 6. Think Results. Импорт зависимостей
- 7. Think Results. Стили и пара констант
- 8. Think Results. Основной код приложения
- 9. Think Results. Пример многоэкранного приложения https://github.com/simple17/Metronome
- 10. Think Results.
- 11. Think Results. Взаимодействие с сетью Fetch Другие WebSocket XMLHttpRequest Frisbee Axios
- 12. Think Results. Тестирование и отладка Jest как
- 13. Think Results. Ограничения iOS > 7, Android
- 14. 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
- 15. Think Results. Спасибо! www.firstlinesoftware.ru
Think 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
react-native run-ios
Слайд 12Think Results.
Тестирование и отладка
Jest как средство написания unit тестов
Call стек
Chrome dev
tools
Слайд 13Think Results.
Ограничения
iOS > 7, Android > 4.1
Есть зависимые от платформы свойства
компонентов
Есть компоненты доступные только для определённых платформ
При отсутствии необходимого компонента придётся самому писать Bridge
Есть компоненты доступные только для определённых платформ
При отсутствии необходимого компонента придётся самому писать 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
