• Stars
    star
    143
  • Rank 257,007 (Top 6 %)
  • Language
    HTML
  • License
    GNU General Publi...
  • Created over 2 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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.

StandsWithUkraine

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.

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

beerjs

node.recipes

Babich Lviv CSS

More Repositories

1

HabrSanitizer

HabroSanitizer - home for the Chrome/Firefox extension to sanitize Habr.com (habarahabr) from the graphomaniac authors
JavaScript
105
star
2

perfrunner

Perfrunner - automated performance-testing tool for tracking the performance of the websites or web apps
TypeScript
19
star
3

MvcWithAngular2

This is web project configured for working with angular 4.0 with Microsoft Visual Studio 2015
TypeScript
13
star
4

IsNumberStrict

Checks if JavaScript variable is a number. Strings are not allowed.
JavaScript
12
star
5

NextJS-express-course-app

CSS
7
star
6

NextJS-express-course

This is a placeholder for the materials regarding the new Next.JS course v.13.4+
HTML
4
star
7

react-performance-puppeteer-profile

Demo repository
TypeScript
3
star
8

react-code-smells-examples

This repo is dedicated to the React code smells examples
JavaScript
3
star
9

react-client-server-example

Client Server Demo monorepo example packed together with NPM workspace. Client side - React with Vite, server - Hapi with Swagger. TypeScript, Jest, Prettier, EsLint, Husky preconfigured
TypeScript
1
star
10

AzurePerformanceTest

Repository for making performance testing for Azure
C#
1
star
11

new-react-router-example

JavaScript
1
star
12

puppetter

This is mock repository to prevent accidental installation of the original puppeteer
JavaScript
1
star
13

floc-off

FLoC-off a radical way to turn off FLoC for web sites and keep privacy
JavaScript
1
star
14

rescript-react-vite-example

Working example for the Rescript with React powered with the Vite
ReScript
1
star
15

Wake-on-Lan

Small programm to wake up computers via LAN using WOL technology.
C#
1
star
16

log4jScanner

C#
1
star
17

live-book

The interactive book with the fairy tales
TypeScript
1
star
18

nextjs-parallel

CSS
1
star
19

live-book-react

TypeScript
1
star
20

WhenDo

Small function that can be used instead if-then statement in functional style programming with JavaScript
JavaScript
1
star