Course React
Basic configuration for the project.
- Babel
- Webpack
- Typescript
- Eslint
- Jest
- Precommit hooks / husky
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
Basic react configuration
- @babel/preset-react
- Storybook
- Jest config
React and JSX
- React elements
- JSX
- Component docs
- JSX + CSS
- Project architecture
- React lifecycles
- React state/props
- PureComponent
- Списки
- События
- Формы
- Рефы
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.
- React Patterns
- Event switch
- Layout component
- Container component
- Higher-order component
- State hoisting
- Controlled input
- React Hooks
- Hooks testing
- React Fiber
- React Router
- Functional programming
- Redux
- React + Redux
- React + Redux
- Redux middlewares
- Generators
- Redux-saga intro
- Integration testing
- redux-saga-test-plan
- Redux-saga basic concept
- Architecture
- Redux-saga advanced
- Разработка приложения на React
- Конфигурация приложения
- Test quality tools
- E2E
- Продвинутая конфигурация приложения
- Test quality tools
- Websocket
- Webworker + Comlink
- Потоки событий и WebSockets. WebWorkers и comlink для отложенной работы.
- Обзор GraphQL
- Выбор темы и организация проектной работы
- Консультация по проектам и домашним заданиям
- Защита проектных работ