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
What is React
0:A New Project With Create-React-App
1:My first react app with Vite
2:What is React Component
3:React and Props
4:React and Hooks
5:Building React Component
6:React - From CSS to CSSinJS
7:Managing State in React
8:Forms - Default Way and React-Hook-Forms
9:Routing in React
10:React and Network
11:UI Libraries
12:Testing Your Code
13:TypeScript For Beginners
14:Useful tools for the web developer
15:SOLID & React
16: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