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 - done ✅
• Second iteration - done ✅

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: What is React

1: A New Project With Create-React-App

2: My first react app with Vite

3: What is React Component

4: React and Props

5: React and Hooks

6: Building React Component

7: React - From CSS to CSSinJS

8: Managing State in React

9: Forms - Default Way and React-Hook-Forms

10: Routing in React

11: React and Network

12: UI Libraries

13: Testing Your Code

14: TypeScript For Beginners

15: Useful tools for the web developer

16: SOLID & React

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