React For Beginners - Free Course by Itera

Watch on YouTube

About

DISCLAIMER: All requests to "remove politics" will be removed completely without any comments. If you have another opinion - just skip this course.

This repo dedicated to the course "React for Beginners". The course was created to support Ukraine 🇺🇦 and Ukrainians in the war against russia. It's completely free and open-sourced. Feel free to contribute or make any relevant suggestions.

• Full program is here
• Presentations can be found here - https://drag13.io/react-learning-course-short/react-intro where is the name of the lesson
• Changelog is here
• Video - published here
• Technical details are here

Roadmap

• Course program - done ✅
• Repository setup - done ✅
• Prepare materials - done ✅
• On-line - done ✅
• Retrospective - done ✅
• Updates - in progress 🔨

PreRequisites

Basic knowledge with HTML/CSS/JS

Self check:

• Example of the block element, how to draw a button
• What is the width of block element, how to center element (vertically and horizontally)
• What does .map returns, how to sum all values in array

Basic knowledge with GIT:

Self Check:

• How to create new repository, how to push to remote

Existing account at https://github.com Installed Node.JS with NPM Installed VsCode

Program summary

0 Lecture: What is React

1 Workshop: A New Project With Create-React-App

2 Lecture: What is React Component

3 Lecture: React and Hooks

4 Workshop: Building React Component

5 Lecture: React - From CSS to CSSinJS

6 Workshop: Managing State in React

7 Workshop: Forms - Default Way and React-Hook-Forms

8 Lecture: Routing in React

9 Lecture: React and Network

10 Lecture: UI Libraries

11 Lecture: Testing Your Code

12 Lecture: TypeScript For Beginners

Donations

All donations are highly welcomed. You can donate any amount to the National Bank of Ukraine directly or to the well known charity fund Come Back Alive.

Feel free to contact me directly if any question

Sponsors

Information support