Learning React Native
1h 43mIntermediate2020-06-11
Authors
Alex Banks
Software Developer and Instructor
Course details
Get up and running with React Native, the popular framework for building native applications that run on both iOS and Android using React. Instructor Alex Banks introduces you to the framework and steps through how to use it to build applications in JavaScript. Using practical examples, Alex helps you get started with components, views, and platform APIs. He takes you through setting up your first app, creating style sheets, working with flexbox, adding data points to a list, collecting data from users, implementing navigation, adding touch responses, and more.
Skills covered
React NativeCross-Platform DevelopmentReact.jsMetaMobile DevelopmentLearning
Concepts
Introduction
- Framework of learning React
- What you should know
- Using the exercise files
What Is React Native
- What is React
- What is React Native
- How React Native works
- What is Expo
Working with Expo
- Installing the Expo client
- Creating a Snack
- Creating a new project
- Running a project on a device
Components and APIs
- Native components
- Native APIs
- Creating style sheets
- Flexbox layouts
- The Image component
Working with Views
- Responding to touches
- Using a touchable highlight
- Extracting a custom component
- Importing a custom component
- Using a flat list
- Creating a form
- Collecting input
- Creating a custom hook
Platform APIs
- Using AsyncStorage
- React Navigation
- Navigating between screens
- React Navigation comes with an API that allows us to navigate from screen to screen. In this video, see how to incorporate navigation from the home
- Fetching data
- Using RefreshControl
Building Your Project
- Installing an iOS simulator
- Installing an Android AVD for Mac
- Installing an Android AVD for Windows
- Publishing your Expo project
- Building for iOS devices
- Building for Android devices
- Ejecting from Expo
Conclusion
- Next steps