Connect with us

Кроссплатформенная разработка

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

Брендона Морелли собрал лучшие руководства и курсы по 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 часов видео
    Простые уроки для каждого типа анимации.

 

Комментарии
Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement
Click to comment

You must be logged in to post a comment Login

Leave a Reply

SDK

Epic выпустит SDK для кроссплатформенных игр

Epic Games в следующем году выпустит SDK для организации кроссплатформенных игр.

AppTractor

Опубликовано

/

Автор:

Новый Online Services SDK позволит регистрироваться в играх через разные социальные сети и платформы, заводить списки друзей, показывать свое присутствие, вести профиль и т.п. вещи, будет также облачное хранилище для сохранения игр, достижения и награды, голосовые коммуникации, подбор игроков для мультиплеера.

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

Предполагается, что все это будет бесшовно работать на PC, Mac, iOS, Android, PlayStation, Xbox и Switch. Предполагается, что сначала SDK выйдет для Windows – примерно во втором или третьем квартале. Остальные платформы будут подключаться по мере готовности.

SDK будет открытым, первоначально поддерживать Unreal Engine и Unity, инфраструктура – Amazon Web Services. Epic обещает полную поддержку GDPR.

 

Комментарии
Продолжить чтение

Кроссплатформенная разработка

Лучшие приложения на React Native 2018 года

React Native – кроссплатформенный фреймворк, созданный Facebook на основе JavaScript-библиотеки React. Сего помощью можно на JavaScript создавать мобильные приложения, не отличающиеся от нативных ни интерфейсом, ни скоростью работы.

AppTractor

Опубликовано

/

Автор:

Сейчас React Native – один из самых популярных кроссплатформенных фреймворков, многие ведущие мировые компании используют его в своих приложениях.

В этой подборке – некоторые самые популярные приложения, использующие React Native.

  • Facebook – конечно, большинство приложений самого Facebook используют эту технологию.
  • Facebook Ads Manager
  • Facebook Analytics
  • Instagram
  • SoundCloud Pulse – это приложение для управления аккаунтом от ведущей аудио-платформы.
  • Tesla – приложение для управления электрокаром тоже работает на React Native.
  • Uber Eats – приложения для доставки еды.
  • Skype – удивительно, но и Microsoft вместо Xamarin предпочитает использовать React Native.
  • Pinterest – социальная сеть должна быть кроссплатформенной.
  • Discord – голосовые и текстовые чаты для геймеров.
  • QQ – крупнейший китайский мессенджер работает на RN.
  • Salesforce – CRM.
  • Walmart – приложение для сети магазинов позволяет делать заказы.
  • Bloomberg – новостной портал для бизнеса.
  • 2048 – одна из самых популярных игр.
  • Vogue – приложение модного журнала работает, конечно, на модном React Native.
  • Discovery VR – приложение канала Discovery с виртуальной реальностью.
  • Wix – конструктор сайтов.
  • Artsy – поиск и покупка предметов искусства.

Более подробно о приложениях вы можете узнать в блоге Instabug.

Комментарии
Продолжить чтение

Кроссплатформенная разработка

Вышла первая стабильная версия Flutter

У Flutter вышла первая стабильная версия 1.0. Кроме того, Google анонсировал ряд новых интеграций со сторонними сервисами.

AppTractor

Опубликовано

/

Автор:

Flutter дебютировал еще на I/O 2017, и с тех пор вышло несколько десятков бета-версий. Сейчас на нем, даже не дожидаясь стабильной версии, уже делают приложения такие компании, как Groupon, Philips Hue, Tencent, Alibaba, Capital One. Сам Google говорит, что существуют «десятки тысяч» приложений на Flutter.

Среди новых интеграций – Square для платежей, 2Dimensions для анимаций, Nevercode для автоматизации сборки проектов.

Проверка скорости и производительности приложения на Flutter

Подкаст AppTractor: Flutter

 

 

Комментарии
Продолжить чтение

Кроссплатформенная разработка

Google выпустил последнюю превью-версию Flutter

На Google Developer Days China была объявлена финальная девелоперская версия Flutter.

AppTractor

Опубликовано

/

Автор:

Судя по всему, Flutter Release Preview 2  – последняя версия перед выпуском стабильной версии Flutter 1.0, которая должна выйти в этом году.

Это уже шестая итерация почти за полтора года – первый анонс Flutter состоялся на Google I/O в мае 2017 года, а первая бета вышла в феврале.

В Flutter Release Preview 2 – поддержка фонового выполнения задач, уменьшение размера приложений до 30%, «pixel-perfect» приложения для iOS и расширенная поддержка этой системы.

Как говорит Google, на Flutter уже есть приложения Alibaba (Android, iOS), Tencent Now (Android, iOS) и Google Ads (Android, iOS).

 

 

Комментарии
Продолжить чтение

Реклама

Наша рассылка

Нажимая на кнопку "Подписаться" вы даете согласие на обработку персональных данных.

Вакансии

Популярное

X
X

Спасибо!

Теперь редакторы в курсе.