Learn React Native

Build mobile apps with JavaScript and React, using Expo and React Native

### Why Learn React Native?

Already have some web development experience but interested in making mobile apps? This course is for you.

With Expo and React Native, you can build a mobile app using React. It uses the same declarative UI paradigm but renders the same native view components created when writing native code. You can write your app once and run it on multiple platforms, like Android, iOS and even web. By reusing prior web development knowledge you can create mobile apps with native UI and device capabilities. It also speeds up development by reusing most of the same code. But, to get from idea to app on all platforms, basic knowledge of native platforms is required.

Expo also provides a range of tools that solves most of the common issues. Although Expo isn’t required to use React Native, it helps developers by removing the need for basic native knowledge. With Expo you can create your apps using pure JavaScript.


### Take-Away Skills

This course is great for learners who have experience with JavaScript and React development and want to get into mobile development, or for mobile developers who want to expand their toolset.

In this course you will learn:
* What Expo and React Native are and how to write an app
* How to use core components in your apps
* Add custom styling to your components
* Use React Navigation to make multi-screen apps

• Introduction to React Native: Learn how React Native and Expo are used to make mobile applications
  
• Lesson: Intro to React Native with Expo
• ExternalResource: Try Expo Snack
• Quiz: Intro Quiz
• Lesson: Local Setup with React Native
• Core Components: Learn the basic building blocks of React Native apps: core components
  
• Lesson: Core Components
• Project: Make an Instagram App (Part One)
• Article: Accessibility in React Native
• Quiz: Core Components
• ExternalResource: Thinking in React
• Styling Components: Learn the fundamentals of styling in React Native, including Stylesheets and Flex Box
  
• Lesson: Styling Components
• Quiz: Styling
• Project: Make an Instagram App (Part Two)
• Navigation: Learn about information hierarchy and how to implement it with native navigators
  
• Lesson: Navigation
• Quiz: Navigation
• Project: Make an Instagram App (Part Three)
• Next Steps: Continue on your Expo and React Native journey with these suggestions
  
• Informational: Next Steps