Mobile Applications Development Using React. Native
Certified React Native Developer
Section1:Introduction:
- Introduction
- Resourse ans Helpful Materials
Section2:Get Ready
- Enviroment Setup
- Typescript vs. Javascript
- Create a React Native App
- Exploring The Default App Code
- Running on iOS
- Running on Android
- Running with Terminal
Section3: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
Section4:Project Structure and Splash Screen
- Identifying Components
- Project Structure
- Building the Splash Screen
- Button Component: Pressable vs. TouchableOpacity
- Colors Management
Section5:Authentication Screens and 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
- 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
Section6:Git Integration
- Creating Github Repository & Git Initialization
- Pushing Changes to Git
- Git Branching System
Section7: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
Section8:Managing Lists
- Build App Header
- Add Categories List
- Add Products List
- Filter by Categories
- Filtering by Typing Keywords
- Building Favorites List
Section9:Building the Detailed Screen
- Pass Data Between Screens
- Product Details Screen UI
- Build Sticky Footer
- Add Absolute Header
- Build Image Carousel
- Call or Email from the App
Section10:Building Profile Related Screens
- Build Profile Screen
- Add Settings Screen & Redirect to URLs
- Edit Personal Information
- Create New Listing Screen
- Installing Image Upload Package
- Image Upload Functionality
- Add Image Deleting Option
- Explaining Props Spreading
- Use Keyboard Avoiding View
- Building Custom Picker
- Finalize Create New Listing Screen
- Build My Listings UI
Section11:Integrating REST APIs
- What is REST API
- REST API Methods Explained
- Overview of the API Used
- Using Axios
- Registering a New User with API Call
- REST APIs & HTTP methods
Section12:Setting Up Global State
- Redux vs. React Context
- Create User Context
- User Authentication
- Introduction to Async Storage
- Save Auth Token to Storage
- Identifying Authenticated Users After Killing the App
- Global State & Storage Quiz
Section13:Connect Services and Profile to APIs
- Connect Profile to APIs
- Update Profile API Integration
- Fetching Services from API
- Showing Service Details & Favoriting
- Filtering Favorite Items & Unfavoriting
- Adding New Listing
- Delete a Listing
- Upload Image to Server
Section14:The Magic of Linting
- What is Linting
- Integrate ESLint in the project
Section15:Initial Deploy
- Deploy App