How to Build Cross-platform Mobile App in React Native

How to Build Cross-platform Mobile App in React Native

  • English
  • Programming
  • React.jsReact.js
  • (1158)
  • Project length: 1h 58m

This tutorial will cover all the details (resources, tools, languages etc) that are necessary to build a complete and operational Cross Platform Mobile App In React Native. You will be guided through all the steps and concepts, starting from the basic ones like setting up the right tools and frameworks to the more advanced topics related to the development. And ultimately you will be able to create your own Cross Platform Mobile Application without any difficulty.

Overview

Building Mobile Cross Platform Application With React Native

Mindful Task Manager Designed by Zi Yuan

Introduction

This tutorial will cover all the details (resources, tools, languages etc) that are necessary to build a complete and operational Cross Platform Mobile App In React Native. You will be guided through all the steps and concepts, starting from the basic ones like setting up the right tools and frameworks to the more advanced topics related to the development. And ultimately you will be able to create your own Cross Platform Mobile Application without any difficulty.

What are the requirements?

  • Javascript
  • React.js(we will cover the basics)
  • You can use any backend of your choice (Python, Django etc)
  • And the most important is: desire to learn

What is the target audience?

  • You want to a cross platform mobile without learning Swift or Java
  • Learners who want to enhance their knowledge

When are the streaming sessions (streaming schedule)?

Weekly 6:30pm PDT(9:30pm EST) on Sunday

Project Outline

Session 1: Setting-up the Environment https://gist.github.com/Maxim-Filimonov/6b4e48dd11e0c998022539b31d8af538

  • Setting up the programming environment for mac using create-react-native-app

Session 2: Home Screen - The languages or frameworks that we will use are:

  • JavaScript
  • Jest
  • Storybook

Session 3:

  • Finishing home screen
  • Add task screen

Session 4:

  • Calendar view

Session 5:

  • Task list view

Session 6: Adding Redux Here we will learn how to add Redux to our logic to create predictable flow of reactions to user interactions with upcoming interface. The languages or frameworks that we will use are:

*Redux

Session 6+: Anything extra - deployment

Reviews

Average rating

4(1158 Reviews)