Build mobile apps with React Native: From ZERO to EXPERT
- Offered byUDEMY
Build mobile apps with React Native: From ZERO to EXPERT at UDEMY Overview
Duration | 10 hours |
Total fee | ₹389 |
Mode of learning | Online |
Difficulty level | Beginner |
Credential | Certificate |
Build mobile apps with React Native: From ZERO to EXPERT at UDEMY Highlights
- Certificate of completion
- 30-Day Money-Back Guarantee
- Full Lifetime Access
Build mobile apps with React Native: From ZERO to EXPERT at UDEMY Course details
- Beginner developers eager to learn mobile app development with React Native
- Learner will:
- Create a react native mobile app from scratch
- The difference between functional and class components
- Use React Context and React Hooks
- Integrate REST APIs in the project
- Tab Navigation with native navigation behavior
- Fetch and show data, filter by categories and search by keyword
- In this course, we will build a complete product sharing app from scratch with React Native which will have all the commonly used features including going step by step and explaining the whole process
- Learner will learn about the basics of react native from setup, syntax & JSX introduction to navigation and state control
Build mobile apps with React Native: From ZERO to EXPERT at UDEMY Curriculum
Introduction
Introduction
What we will build: App Design Preview
Resources & Helpful Materials
Get Ready
Environment Setup
Typescript vs. Javascript
Create a React Native App (and some debugging)
Exploring The Default App Code
Running on iOS
Running on Android
Running with Terminal
Basics of React Native
What is JSX
Imports and Exports: Creating components
Functional vs. Class Components
Explaining State for Functional and Class Components
Lifecycles Explained
Props in Components
Understanding Styling
Project Structure & Splash Screen
Identifying Components
Project Structure
Building the Splash Screen
Button Component: Pressable vs. TouchableOpacity
Colors Management
Authentication Screens & Components
Authentication Screens Preview
Creating Authentication Header
Building Input Component
Password Input Eye Toggling
Building Checkbox Component
Giving Custom Style to Reusable Components
Building Separator Component
React.memo: What it is and Why to Use
Google Login: component & native setup
Checking Google Login on Android & iOS
Using Environment Variables
Building Sign Up Footer Actions
Building Sign in Screen
Git Integration
Creating Github Repository & Git Initialization
Pushing Changes to Git
Git Branching System
Project Navigation
React Navigation Introduction
Setup React Navigation
Manage Navigation Theme
Moving Between Screens
Hiding Default Navigation Header
Fixing Safe Area Issues
Setup Bottom Tabs
Preparing Codebase for Tab Navigation
Customizing Tabs Design
Navigation Quiz
Managing Lists
Build App Header
Add Categories List
Add Products List
Filter by Categories
Filtering by Typing Keywords
Building Favorites List