https://github.com/vladkalachev/react-otus

OTUS react course
https://github.com/vladkalachev/react-otus

eslint jest npm react reactjs typescript wabpack

Last synced: 1 day ago
JSON representation

OTUS react course

• Host: GitHub
• URL: https://github.com/vladkalachev/react-otus
• Owner: VladKalachev
• Created: 2020-05-09T09:39:08.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T05:24:55.000Z (almost 2 years ago)
• Last Synced: 2023-03-03T03:02:08.852Z (over 1 year ago)
• Topics: eslint, jest, npm, react, reactjs, typescript, wabpack
• Language: TypeScript
• Size: 3.75 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-otus

Course React

## Lesson 1:

Basic configuration for the project.

* Babel

* Webpack

* Typescript

* Eslint

* Jest

* Precommit hooks / husky

## Lesson 2:

Math calculator with basic arithmetic operations without eval

```npm run calc```

Then you can calc simple math operations

Examples:

```

> 10 + 10

Result: 20

> 10 + 10 * 20 - 30

Result: 180

> 19 + -10

Result: 9

```

## Lesson 3:

Basic react configuration

* @babel/preset-react

* Storybook

* Jest config

## Lesson 4:

React and JSX

* React elements

* JSX

* Component docs

## Lesson 5:

* JSX + CSS

* Project architecture

## Lesson 7:

* React lifecycles

* React state/props

* PureComponent

## Lesson 8:

* Списки

* События

* Формы

* Рефы

## Lesson 9:

React Patterns

* function component;

* destructuring props;

* JSX spread attributes;

* merge destructured props with other values;

* conditional rendering;

* children types;

* array as children;

* function as children;

* render prop;

* children pass-through;

* proxy component;

* style component.

## Lesson 10:

* React Patterns

* Event switch

* Layout component

* Container component

* Higher-order component

* State hoisting

* Controlled input

## Lesson 11:

* React Hooks

* Hooks testing

* React Fiber

## Lesson 12:

* React Router

## Lesson 13

* Functional programming

## Lesson 14

* Redux

## Lesson 15

* React + Redux

## Lesson 16

* React + Redux

## Lesson 17

* Redux middlewares

## Lesson 18

* Generators

* Redux-saga intro

## Lesson 19

* Integration testing

* redux-saga-test-plan

## Lesson 20

* Redux-saga basic concept

## Lesson 21

* Architecture

## Lesson 22

* Redux-saga advanced

## Lesson 23

* Разработка приложения на React

## Lesson 24

* Конфигурация приложения

## Lesson 25

* Test quality tools

* E2E

## Lesson 26

* Продвинутая конфигурация приложения

## Lesson 27

* Test quality tools

## Lesson 28

* Websocket

* Webworker + Comlink

## Lesson 29

* Потоки событий и WebSockets. WebWorkers и comlink для отложенной работы.

## Lesson 30

* Обзор GraphQL

## Lesson 31

* Выбор темы и организация проектной работы

## Lesson 32

*  Консультация по проектам и домашним заданиям

## Lesson 33

*  Защита проектных работ