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

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

VladKalachev/react-otus