Certified Software Developer Advance (REACT)

1.   React Overview

•  Why React? 
•  What it is? 
•  Why it is useful? 
•  Angular, React Compared 
•  Web application architectures 
•  React Architecture 

2.  Package Management

• What is Node.js? 
• What is npm? 
• Using npm 

3.  Elements & JSX

• Replacing createElement 
•  Embedding Expressions 
•  Specifying Attributes 
•  Virtual DOM 
•  Components 
•  Creating an Element 
•  Create a Function Component 
•  Rendering a Component 
•  Creating a Class Component 
•  Composing & Reuse 

4. Props & Events

•  Read-only 
•  String Literals vs. Expressions 
•  Function vs. Class Components 
•  Listening/Subscribing/Wiring to a Event  In Vanilla JavaScript

• In React: Function Component 
• In React: Class Component

5. Binding

•  Why is Binding Necessary? 
• Class Method 
• Arrow Function 

6. Passing Parameters

• Using Arrow Functions 
•  Using Bind

7. Handling Events

• Using Arrow Functions 
• Using Bind 
• Synthetic Events

8.State

•  Defining 
•  Using State Correctly 
•  Data Flows Down 
•  Converting a Function Component to a Class Component 

9. Lifecycle

• What are Lifecycle Methods 
•  Understanding Mounting 
• Using Lifecycle Methods

10. Component Architecture

•  Reuse 
•  Component Communication 

11. Forms

• Controlled Components 
• Reuse of Change Logic across Multiple Inputs 
• Handling Form Submission 

12. HTTP

• Axios library 
• Fetch API 
• Using with React (HTTP GET) 

13. Routing (React Router)

• Installation 
•  Basics 
•  Handling Not Found (404) 
•  Parameters (Url & Query) 
•  Nesting 

14. Hooks

• Defined 
• Why Hooks? 
• No Breaking API Changes 
• Hooks API 
• useState 
• useEffect 
•    Custom Hooks 
• Rules of Hooks 
• Customizing Environment Variables

15. Redux

• What is Redux? 
• What is State? 
• Benefits Checklist 
• Principles of Redux 
•  Core Concepts (Store, State, Reducers, Actions, Action Creators)