1.    Get A Head Start By Creating A React App

• Introduction
• What is React Anyway?
• Using Package Managers and the Command Line
• Your First React App
• Understanding the Basis of the CRA Magic
• React, JSX, and Your First Component

2.    Building Components With React

• Creating a Reusable List Component
• Forms, Inputs, and Handling Events
• Understanding Local State in React
• Validating User Input
• Examining Code with React Developer Tools

3.    Understanding The Core Concepts

• Understanding Lifecycle Methods by Example
• Prop Drilling and Lifting State
• Type Checking with PropTypes
• Reconciliation and the Virtual DOM
• Functional (Stateless) Components

4.    Crafting Styled Components

• Styling React Components with Good Ol‘ CSS
• Why is CSS-in-JS Growing in Popularity?
• Getting Started with Styled Components
• Modern Layouts with Flexbox
• Working with Animations
• Building Dynamic Themes

5.    Building a Full React SPA

• Routing with React Router
• Working with an API
• Be Offline-Ready with Mocked APIs
• Adding a Login System to Our App
• Session Management

6.    Multi-Role Spas with React

• Adding Public Content
• Handling Different User Roles in Our System
• Not Just Routes: Granular Feature Control!
• Working with Third-Party Libraries

• Session Management

7.    Advanced Patterns And Concepts

• Functional Programming: You’re Already Doing It!
• Higher Order Components
• It’s Just Functions!
• Simple Component Testing with Jest
• Safeguard Your App with Snapshot Tests
• Where to Go From Here?

8.    Getting Started With React Native

• Introduction
• Installation and Setup
• Running the Simulator
• Understanding JSX

9.    Styling With React Components

• App Overview
• Styling the Header
• Structuring the Photo Section
• Flexbox
• Styling the Photo Section

10.    Fetching Dynamic Data

• Endpoint to Fetch Data
• Functional versus Class-Based Components
• Axios
• React States
• Lifecycle Methods
• Looping Through Photo Section
• Implementing the Like Button

11.    Introducing Redux

• What Is Redux?
• Managing State Using Redux
• Action Creators
• Creating the Photos Reducer
• Calling Actions from Components

12.    Handling Authentication

• Login Form Overview
• Structuring the Login Form
• Firebase Configuration
• Managing Input State
• Storing Form Input in Reducers
• Getting the Form Input Values

• Firebase Login API
• Login Wrapup

13.    Creating Your Own App

• App Overview of IdeaPad
• Configuring the Database
• Structuring the IdeaPad Form
• Submitting Ideas
• Showing List of Ideas

14.    Handling Navigation

• React Native Navigation
• Navigating Between Screens
• Fetching Data from Firebase
• Editing Ideas
• Editing Action Creator
• Deleting Ideas