Обучающие материалы и уроки по React Native

Общая информация

1. React Native — How Native Have You Been? — сравнение React Native для Android и iOS
2. React Native vs Real Native Apps — урок о различиях между React и Swift, включая потребление памяти и вычислительной мощности.
3. Untangling React Native Development — разбор способов разработки на React Native
4. React Native Quirks — вещи, которые стоит знать до начала работы с React Native.
5. React Native Debugging Tools — статья по устранению багов в приложениях React Native и графическом интерфейсе приложений.
6. How to setup a React Native + GraphQL + Relay Modern — как создать среду разработки на React Native при помощи Relay и GraphQL.

Иво Димитров (Millt): React Native лучше

Производительность React Native

1. 6 Simple ways to speed up your react native app — как поддерживать более высокий FPS при работе с React или React Native.
2. A Quick Performance Comparison of Styled-Components vs Inline Styles in React Native — исследование разницы в производительности между styled-components и встроенными стилями в React Native.
3. A visual guide to React Native Performance: Issues and resolving Insights — несколько распространенных проблем с производительностью в React Native, обнаруженных на тестах с более чем 20 приложениями.

Programming React Native: Бесплатная книга по разработке мобильных приложений на React Native

Анимации в React Native

1. Build a Map with Custom Animated Markers and Region Focus when Content is Scrolled in React Native — обучение по работам с картами и кастомными анимациями в React Native.
2. Horizontal scroll animations in React Native — создание анимации с горизонтальной прокруткой в React Native.
3. Animating React Components with CSS and Styled-Components — создание анимаций при помощи CSS и React Native.
4. Developing Multi-Slider-Switch in React Native — создание функционального компонента с анимацией в 60 fps.

Туториалы

1. Getting Started with Expo React Native and Styled Components using a Netflix Clone example — изучение React Navigation и Expo при помощи создания клона Netflix.
2. ToDo App with React Native — пошаговый гид по созданию базового приложения React Native.
3. React Native Google Map with react-native-maps — туториал по использованию react-native-apps для рендеринга карты Google при помощи React Native.
4. React Native Push Notifications with Firebase — советы и стратегии по созданию пуш-оповещений в React Native.
5. React-Navigation, complete Redux state management, tab-bar, and multiple navigators — детальный разбор использования react-navigation API.
6. React native app with facebook sdk login and firebase storage — интегрирование логина Facebook с Facebook SDK и регистрации нового пользователя в базе данных Firebase.
7. How to build a visual recognition mobile app in 2 days with React-Native and Clarifai — пошаговый урок по созданию одним разработчиком приложения для визуального распознавания за два дня.
8. How I Created a Simple Game with Expo, React Native & Redux — путь одного разработчика по созданию простой игры при помощи Expo, React Native и Redux.
9. 4 Tips for Using the Google Maps API with React Native — четыре совета от разработчиков, которые работали с Google Maps API и React Native.
10. React Native end-to-end testing made easy — изучение end-to-end тестирования и внедрения его в приложение React Native.
11. Making a Login app using React-native and Hasura without Redux — как создать логин для приложения без Redux.
12. Creating a Reddit Reader in React Native with Expo, Styled-Components, and Redux-Saga — создание приложения для Reddit.

Русскоязычные уроки

1. Создаем приложение на JavaScript с помощью React Native
2. Учебник по React.js
3. Пишем первое приложение на React Native
4. Создаем приложение под iOS
5. Практические примеры анимации в React Native

Как стать React Native разработчиком в 2018 году

Курсы по React Native

• The Complete React Native and Redux Course
  Рейтинг — 4,6/5, 56 700 студентов, 17 часов видео
  Изучение iOS и Android-разработки с нуля и создание полных приложений React Native.
• React Native: Advanced Concepts
  Рейтинг — 4,7/5, 16 000 студентов, 17 часов видео
  Более сложные аспекты React Native: анимации, карты, оповещения, навигация и так далее.
• Master React Native Animations
  Рейтинг — 4,8/5, 500 студентов, 7 часов видео
  Простые уроки для каждого типа анимации.