React.js cheatsheet

[EN]

This repo is contains some useful opportunities for work with React.js library.

[RU]

Этот репозиторий содержит некоторые полезные возможности для работы с библиотекой React.js.

Chapters (Главы)

1. Creating component (Создание компонента)
2. Briefly about state and props (Кратко о state и props)
3. Patterns (Паттерны):
   • Stateless and Stateful Components (Stateless и Stateful Компоненты)
   • Controlled and Uncontrolled Component (Контролируемые и Неконтролируемые Компоненты)
4. Class-based Components and Functional Components (Классовые и Функциональные Компоненты)
5. props.children
6. defaultProps
7. PropTypes
8. Lifecycle methods (Методы жизненного цикла):
   • What’s a Lifecycle Method? (Что такое метод жизненного цикла?)
   • Mounting Lifecycle Methods (Монтирующие методы жизненного цикла):
     • constructor
     • static getDerivedStateFromProps
     • render
     • componentDidMount
   • Updating Lifecycle Methods (Обновляющие методы жизненного цикла):
     • static getDerivedStateFromProps
     • shouldComponentUpdate
     • render
     • getSnapshotBeforeUpdate
     • componentDidUpdate
   • Unmounting Lifecycle Methods (Размонтирующие методы жизненного цикла):
     • componentWillUnmount
   • Errors Handle (Обработка ошибок):
     • static getDerivedStateFromError
     • componentDidCatch
9. Hooks (Хуки):
   • What’re Hooks? (Что такое хуки?)
   • useState
   • useEffect
   • useRef
   • useContext
   • useMemo
10. Styling (Стилизация):
    • Dynamic styling components (Динамическая стилизация компонентов)
    • Using pseudo classes, pseudo elements and media queries in inline styles (Использование псевдоклассов, псевдоэлементов и медиа выражений в inline-стилях)
    • styled-components library (библиотека styled-components)
    • Adding isolating styles using CSS Modules (Добавление изолирующих стилей, используя CSS Modules)
11. Debugging React Apps (Отладка React-приложений):
    • Error Boundary
12. React Application Structure (Структура React-приложения)
13. Optimizations (Оптимизации):
    • React.memo
    • React.Component vs React.PureComponent
    • Lazy Loading (Ленивая загрузка)
14. Ref
15. Context (Контекст)
16. Single Page Application (SPA):
    • react-router-dom package (пакет react-router-dom)
    • BrowserRouter
    • Route
    • Link
    • NavLink
    • Switch
    • Redirect
    • HOC:
      • withRouter
17. Redux