Published using Google Docs
reactjs
Updated automatically every 5 minutes

ReactJS Fundamentals

This course focuses on front-end development using the ReactJS library. The course was developed for people with experience in JavaScript programming.

If you don’t have experience in JavaScript programming, you can take the course at https://academy.lifemichael.com/he (instead).

The course includes 70 academic hours delivered in 14 weekly online synchronous meetings. The training material (slides, video clips, assignments, solutions, and code samples) for the entire course is organized on the e-learning platform we use during the course. Each meeting includes a theoretical lecture and practical practice (at least 40% of each meeting). The practical practice includes coding by the instructor followed by the students and coding by the students with the assistance of the instructor. Each meeting is captured on video in order to allow the students to have an effective learning process at home. The course includes lots of relatively small assignments and a final project. Detailed information about the characteristics of the training we deliver in our public course can be found at https://tinyurl.com/lifemichaelpremiumpubtraining.

Meeting

Topics

1

HTML, CSS, JavaScript (OOP, Promise)

2

JavaScript (Async Functions, Fetch API)

3

Introduction - Part 1/2
Simple Components
Adding Style
Displaying Data
Conditional Rendering
Rendering Lists

4

Introduction - Part 2/2
Events Handling
The useState Hook
State Sharing

5

Components - Part 1/2
Components Libraries
The Components are Functions
The export default Prefix
The Returned Value (JSX)
Using Components
Top Level Functions
Exporting Components
Default & Named Exports
The JSX Syntax
JavaScript in JSX

6

Components - Part 2/2
The use of Double Curlies
Passing Props to Component
Props Default Values
Props with The JSX Spread Syntax
The children Prop
Conditional Rendering
The null Value
List Rendering
The Keys
Pure Functions

7

Events
Introduction
Events Handlers
Component State
Isolated & Private State
Components Rendering
Pure Calculation
Strict Mode
Updating The DOM
Setting State Triggers
State Update in Batch
State Updates before Rendering
The Update Function
Updating Objects in State
Updating Arrays in State
The Immer Library

8

State
Introduction
UI Different States
Group Related State
Avoid States Contradictions
Avoid Redundant State
Avoid State Duplication
Flat State
Sharing State
Preserving State
The useReducer Hook

9

Refs
Introduction
When to use Ref?
Refs and States Differences
Refs Limitations

10

React Router
…

11

Redux
…

12

MobX
…

13

Material UI
…

14

Styled Components
…