Fundamental React Native in 1 hour

Leotrieu

Leo Trieu

Ninja icon

Full Source Code

Discussion Support

Course Description:

This short course will cover basic and core concepts that you need to know to get up and running with React Native in about 1 hour. And you will learn with ES6 syntax which is the new version of Javascript.

ReactJS is a Javascript library for building user interfaces. It's flexible, fast, easy to learn and fun to work with. React Native is designed to make the process of building modular, reusable user interface components simple and intuitive.

React Native was developed at Facebook and focuses on the 'View' aspect of MVC in mobile apps. React Native was built for the purpose of developing applications that are large in nature and have to deal with time changing data.

Who should join this course?

Anyone!!! Because:

  • React is a small library and easy to learn.

  • This course is fun :)

  • You can write code once and then deploy on both iOS and Android (with small configuration changes).

  • While it is helpful to have an understanding of Javascript, it is not necessary.

You will walk away with:

  • How to create a mobile app with React Native.

  • A taste of how to build your very first React Native component.

  • How to handle events in components.

  • Understand two key concepts of React: State and Props.

  • How to reuse and nest components.

  • How to transfer data between Parent, Child components.

  • How to work with Array, Form.

  • Fdae137115e3a3e7209de1b3ffd7541c

    mohammad iqbal sugandhi

    WOW DETAIL TUTORIAL

  • Picture

    Joel Garcia

    Good intro in React Native, Thanks leo :)

  • 7843a6e65371a3551aac6cf4be488220

    Ibrahim

    Great intro for React, Thanks

  • Task 1: Starter

    • What we are learning 0:50  
    • Installing Javascript dependencies 5:24  
    • Installing Java Development Kit 1:30  
    • Setting up Android development environment 7:23  

  • Task 2: Create React Native App

    • Create new app 5:15  
    • Understand Project Structure 3:25  
    • JSX 3:10  

  • Task 3: Component

    • Your First React Native Component 6:59  
    • Nested Components 8:00  
    • Styling Components 3:11  
    • Working with Events 4:13  

  • Task 4: Data Flow between Components

    • Working with Props 3:26  
    • Working with State 6:22  

  • Task 5: Refactoring Product List

    • Create Product List 3:07  
    • Working with Array 5:40  
    • Fetching Data via Restful API 9:29