https://github.com/drag13/react-learning-course-short
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.
https://github.com/drag13/react-learning-course-short
course learning mobx reacjs react tutorial
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/drag13/react-learning-course-short
- Owner: Drag13
- License: gpl-3.0
- Created: 2022-03-30T08:34:37.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-13T06:44:30.000Z (almost 2 years ago)
- Last Synced: 2025-06-19T21:27:40.982Z (4 months ago)
- Topics: course, learning, mobx, reacjs, react, tutorial
- Language: HTML
- Homepage: https://drag13.io/react-learning-course-short/react-intro/index.html
- Size: 23.6 MB
- Stars: 143
- Watchers: 7
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[](https://savelife.in.ua/en/donate/)
# React For Beginners - Free Course by Itera
## [Watch on YouTube](https://www.youtube.com/channel/UCg-txtmOEQ8BniR8008O1mA)
## 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](PROGRAM.md)
- Presentations can be found here - [https://drag13.io/react-learning-course-short/react-intro](https://drag13.io/react-learning-course-short/react-intro) where is the name of the lesson
- Changelog is [here](CHANGELOG.md)
- Video - published [here](https://www.youtube.com/channel/UCg-txtmOEQ8BniR8008O1mA)
- Technical details are [here](devlog.md)
## 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](https://github.com)
Installed [Node.JS](https://nodejs.org/en/) with NPM
Installed [VsCode](https://code.visualstudio.com/)
## Program summary
### 0: [What is React](https://youtu.be/fQ_UNyQBiqg)
### 1: [A New Project With Create-React-App](https://youtu.be/2r1TW9yPhlQ)
### 2: [My first react app with Vite](https://youtu.be/J_826v3GuCE)
### 3: [What is React Component](https://youtu.be/BPIeZqomYQw)
### 4: [React and Props](https://youtu.be/1gLLa4fJ1JQ)
### 5: [React and Hooks](https://youtu.be/6AHDZGumKZg)
### 6: [Building React Component](https://drag13.io/react-learning-course-short/react-new-component)
### 7: [React - From CSS to CSSinJS](https://www.youtube.com/watch?v=8al4xMhWWCE)
### 8: [Managing State in React](https://youtu.be/2KTqbf31cLw)
### 9: [Forms - Default Way and React-Hook-Forms](https://youtu.be/gwrMDwYLIWs)
### 10: [Routing in React](https://youtu.be/D0Fkm63FoSY)
### 11: [React and Network](https://youtu.be/Tm6l612v2v0)
### 12: [UI Libraries](https://youtu.be/4Dsgzk-GuX8)
### 13: [Testing Your Code](https://youtu.be/ASI73nQ9zP8)
### 14: [TypeScript For Beginners](https://youtu.be/ND-XaEQ4VSk)
### 15: [Useful tools for the web developer](https://drag13.io/react-learning-course-short/web-tools)
### 16: [SOLID & React](https://youtube.com/live/1D80PMHEBa0)
## Donations
All donations are highly welcomed. You can donate any amount to the [National Bank of Ukraine directly](https://bank.gov.ua/en/news/all/natsionalniy-bank-vidkriv-spetsrahunok-dlya-zboru-koshtiv-na-potrebi-armiyi) or to the well known [charity fund Come Back Alive](https://www.comebackalive.in.ua/donate).
Feel free to contact me directly if any question
## Sponsors
[](itera.com)
## Information support
[](https://t.me/beerJSZhytomyr)
[](http://node.recipes/)
[](https://t.me/toisamyibabich)