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

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

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).

 

 

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

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

Cocos получил $40 млн на платформу для блокчейн игр

Команда Cocos2D-x получила 40 миллионов долларов на разработку платформы для блокчейн игр Cocos-BCX.

AppTractor

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

/

Автор:

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

Это финансирование также позволит компании ускорить рост и расшириться на новые рынки.

Среди инвесторов – Binance Labs, NEO Global Capital и 500 Startups.

 

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

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

Snap Inc купил PlayCanvas

Snap Inc приобрел британскую облачную игровую HTML5 платформу PlayCanvas. Сумма сделки пока неизвестна.

Леонид Боголюбов

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

/

PlayCanvas – движок, позволяющий создавать 2D и 3D-игры и размещать их в облаке. PlayCanvas бесплатен для публичных проектов, можно приобрести и одну из двух платных версий с расширенными функциями. Среди клиентов – King, Disney и Nickelodeon.

Что ждет PlayCanvas внутри Snap пока не очень понятно. Наиболее очевидное предположение, что в Snapchat буду игры на платформе PlayCanvas. Другой вариант – использование технологий для развития дополненной реальности.

Инструменты для создания и распространения HTML5-игр

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

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

Corona Labs запускает Corona Native для Windows

Компания Corona Labs сообщает о запуске инструментов Corona Native для платформы Windows. Инструменты Corona Native расширяют базовый функционал платформы — они позволяют подключать к приложениям, созданным на Corona, нативные Java и C++ библиотеки.

AppTractor

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

/

Автор:

С помощью Corona Native для Windows разработчики могут создавать приложения любого уровня сложности, используя именно те сервисы, которые им нужны: от аналитики до монетизации.

Corona — идеальный кроссплатформенный движок для быстрого создания 2D-игр и приложений. Используя Corona Native, разработчик может добавить в свое приложение любые недостающие библиотеки, плагины, сервисы — все, что поможет его проекту расти и развиваться, – говорит Степан Соловьев, CEO Corona Labs.

Другая особенность Corona Native — возможность собирать приложение оффлайн, без участия сервера. Интернет понадобится только для проверки статуса плагинов, что делает процесс разработки более безопасным.

Функционал Corona Native давно был доступен пользователям macOS — для этой платформы средой нативной разработки выступает Xcode, — и мы рады выпустить его для Windows. Corona Native — это продукт для разработчиков, которые хорошо знакомы с принципами нативной разработки и уверенно владеют инструментом Android Studio или Xcode. Наше сообщество ценит Corona за простоту и доступность, но многим разработчикам нужны более сложные, уникальные решения. В этом случае Corona Native приходит на помощь.

Как и игровой движок Corona SDK, инструменты Corona Native полностью бесплатны. Кроме того, разработчики могут продавать плагины, которые создали с помощью Corona Native, через собственный маркетплейс платформы. Corona Native распространяется вместе с основным движком Corona.

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

Реклама

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

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

Вакансии

Популярное

X
X

Спасибо!

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