Overview

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.

Skills Learned

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

Modules

1. React Native Basics

1.1 Introduction8 min

1.2 Create a React App with Expo19 min

1.3 Styles, Views & Text9 min

1.4 State10 min

1.5 Text Inputs9 min

1.6 Lists & ScrollView8 min

1.7 Flat List7 min

1.8 Touchable Components7 min

2. Putting it Together - Building a Todo App

2.1 Todo App Part 113 min

2.2 Todo App Part 29 min

2.3 Todo App Part 313 min

2.4 Alerts4 min

2.5 Dismissing the Keyboard4 min

2.6 Flexbox Basics19 min

2.7 Icons & More Flexbox7 min

3. Beyond the Basics - Building a Review App

3.1 Starting the Reviews App9 min

3.2 Custom Fonts12 min

3.3 Global Styles6 min

3.4 React Navigation Setup6 min

3.5 Stack Navigator12 min

3.6 Navigating Around8 min

3.7 Passing Data Between Screens8 min

3.8 Navigation Options5 min

3.9 Drawer Navigator12 min

3.10 Custom Header Component15 min

3.11 Card Component10 min

3.12 Images12 min

3.13 Background Images5 min

3.14 Modals11 min

4. Forms & Error Handling

4.1 Formik Part 114 min

4.2 Formik Part 29 min

4.3 Yup10 min

4.4 Showing Errors8 min

4.5 Button Component7 min

4.6 Wrap Up2 min

React Native for Beginners