Basic configuration for the project on the master branch. What configurations you can find:
- 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
Update storybook + MDX Pull request3
React and JSX
- React elements
- JSX
- Component docs
Typescript: Part 2
- Generics
- Classes
- Indexed types/mapped types/infer
- React+Typescript: common pitfalls
- 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
Pull request
Presentation
Code samples
- React Router
- Functional programming
Pull request examples
Pull request homework
Presentation
- Redux
- React + Redux
- React + Redux
- Redux middlewares
Pull request
Homework
Presentation
- Generators
- Redux-saga intro
Pull request 1
Pull request 2
Pull request 3
Presentation
- Integration testing
- redux-saga-test-plan
- Redux-saga basic concept
- Architecture
- Redux-saga advanced
- Разработка приложения на React
- Конфигурация приложения
- Test quality tools
- E2E
- Websocket
- Webworker + Comlink