Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn React Native

via Codecademy

Overview

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

Syllabus

  • Introduction to React Native: Learn how React Native and Expo are used to make mobile applications
    • Intro to React Native with Expo
    • Try Expo Snack
    • Intro Quiz
    • Local Setup with React Native

  • Core Components: Learn the basic building blocks of React Native apps: core components
    • Core Components
    • Woofstagram Sign-up Form
    • Accessibility in React Native
    • Core Components
    • Thinking in React

  • Styling Components: Learn the fundamentals of styling in React Native, including Stylesheets and Flex Box
    • Styling Components
    • Styling
    • Woofstagram Home Screen

  • Navigation: Learn about information hierarchy and how to implement it with native navigators
    • Navigation
    • Navigation
    • Woofstagram Navigation

  • Next Steps: Continue on your Expo and React Native journey with these suggestions
    • Next Steps

Reviews

Start your review of Learn React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.