Share Description
In this course, you will :
- Explore the fundamental concepts of React and apply them to the development of practical web applications.
- See how to create class and stateful function components, as well as how to one-way flow data and behaviour in a component tree and read and update state elements.
- Explore modern JavaScript features like arrow functions, destructuring rest and spread operators, classes, async/await, and more that are used with React.
- Learn some fundamental React tasks such as taking user input, reading data from an API, managing side effects such as timers, and sharing stateful logic with custom hooks.
- Learn how to set up and use a local JavaScript development environment on your computer.
Syllabus :
1. The Basics
- Why React?
- React's Basic Concepts
- Your First React Component
- Your First React Hook
- Your First One-way Data Flow
- Components Reusability
- Tree Reconciliation in Action
2. Modern JavaScript Crash Course
- ECMAScript and TC39
- Variables and Block Scopes
- Arrow Functions
- Object Literals
- Destructuring and Rest/Spread
- Template Strings
- Classes
- Promises and Async/Await
3. The GitHub Cards App
- What We Are Building
- React Class Components
- Styling React Components
- Working with Data
- Initializing and Reading the State Object
- Taking Input from the User
- Working with Ajax Calls
4. The Star Match Game
- What We Are Building
- Working with Static Markup
- Extracting Components for Reusability and Readability
- View Functions: State => UI
- Behavior Functions: State => New State
- Resetting the State
- Using Side Effects Hooks
- Unmounting and Remounting Components
- Using Custom Hooks
5. Setting up a Development Environment
- Create React App
- Installing Environment Dependencies
- Configuring Your Own Environment
- Reactful
- Structuring Component Files
