This course introduces React Native, a framework for building native mobile apps using JavaScript and React. It outlines the essentials of utilizing React Native to create seamless, multi-platform mobile applications that compile to native code. The focus is on the core components and APIs provided by React Native, which enable the development of rich mobile UIs that are indistinguishable from apps built using Objective-C, Java, or Swift. Participants learn how to leverage React principles for mobile development, handle user input, work with device APIs, and style applications for a native feel. The course lays the foundation for building and deploying iOS and Android applications using React Native’s cross-platform capabilities.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Set up React Native with Expo
Style with Views and Text components
Manage state with React hooks
Handle user input with Text Inputs
Display lists with ScrollView
Optimize lists with FlatList
Interact with Touchable components
Build and manage a Todo app
Implement navigation with React Navigation
Create stack and drawer navigators
Pass and manage data between screens
Utilize Formik for form handling
01. React Native Basics
- Introduction
- Create a React App with Expo
- Styles, Views & Text
- State
- Text Inputs
- Lists & ScrollView
- Flat List
- Touchable Components
02. Putting it Together - Building a Todo App
- Todo App Part 1
- Todo App Part 2
- Todo App Part 3
- Alerts
- Dismissing the Keyboard
- Flexbox Basics
- Icons & More Flexbox
03. Beyond the Basics - Building a Review App
- Starting the Reviews App
- Custom Fonts
- Global Styles
- React Navigation Setup
- Stack Navigator
- Navigating Around
- Passing Data Between Screens
- Navigation Options
- Drawer Navigator
- Custom Header Component
- Card Component
- Images
- Background Images
- Modals
04. Forms & Error Handling
- Formik Part 1
- Formik Part 2
- Yup
- Showing Errors
- Button Component
- Wrap Up
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Set up React Native with Expo
Style with Views and Text components
Manage state with React hooks
Handle user input with Text Inputs
Display lists with ScrollView
Optimize lists with FlatList
Interact with Touchable components
Build and manage a Todo app
Implement navigation with React Navigation
Create stack and drawer navigators
Pass and manage data between screens
Utilize Formik for form handling
COURSE OUTLINE
01. React Native Basics
- Introduction
- Create a React App with Expo
- Styles, Views & Text
- State
- Text Inputs
- Lists & ScrollView
- Flat List
- Touchable Components
02. Putting it Together - Building a Todo App
- Todo App Part 1
- Todo App Part 2
- Todo App Part 3
- Alerts
- Dismissing the Keyboard
- Flexbox Basics
- Icons & More Flexbox
03. Beyond the Basics - Building a Review App
- Starting the Reviews App
- Custom Fonts
- Global Styles
- React Navigation Setup
- Stack Navigator
- Navigating Around
- Passing Data Between Screens
- Navigation Options
- Drawer Navigator
- Custom Header Component
- Card Component
- Images
- Background Images
- Modals
04. Forms & Error Handling
- Formik Part 1
- Formik Part 2
- Yup
- Showing Errors
- Button Component
- Wrap Up
