Автовоспроизведение
Автозаполнение
Предыдущая лекция
Завершить и продолжить
Практика на ReactJS. Проект Кинопоиск
Работа со списками и их фильтрация
Получение API key c themoviedb.org (3:20)
Получаем список фильмов (12:54)
Изменяем фильтр sort_by (15:45)
componentWillReceiveProps, componentDidUpdate (16:02)
Пагинация (18:33)
defaultProps, propTypes (17:05)
shouldComponentUpdate, PureComponent (20:14)
Задание 1. Дополнительные фильтры
Условие задания
Задание 1. Типичные ошибки
Изображение MovieItem (3:35)
onChangeGenre перенести в компонент Genres (1:23)
MoviesList componentDidUpdate (2:50)
Рефакторинг с query-string (3:58)
Задание 1. Разбор решений
Отправить свое решение
Авторизация пользователя
Авторизация. Цепочка fetches (17:32)
Chain Promises. Async/await (36:44)
LoginForm (36:01)
Get Account details (36:10)
Практика. Unmount setState call error. Input invalid border (11:14)
Задание 2. Валидация авторизации
Условие задания
Типичная ошибка (2:19)
Отправить свое решение
Паттерны ReactJS
Паттерн Container (11:38)
Паттерн Provider (22:54)
Паттерн High-Order Component (HOC) (12:05)
Реализация AppContextHOC (9:25)
Паттерн render props
Реализация CallApi (аналог axios) (18:49)
Реализация Logout (31:21)
Задание 3. Добавление фильма в избранные
Условие задания
Задание 3. Разбор решений
Отправить свое решение
Роутинг приложения. SPA
React-router. Basic (23:37)
React-router. Route params (12:11)
React-router. BrowserRouter, Route, Link core (21:06)
Задание 4. Страница фильма
Условие задания
Задание 4. Разбор решений
Отправить свое решение
Redux - хранилище данных
Redux Начало (26:15)
React-redux (49:24)
Сделать auth reducer
Разбор bindActionCreators (8:05)
Структура папок + types (8:33)
Middleware. Redux-devtools (13:46)
Async actions. Thunk (19:39)
Pure reducers. Custom middleware (7:31)
Рефакторинг. withAuth - HOC (13:29)
Сделать рефактор кода
Пагинация
Код:
https://github.com/ReactWarriors/reactwarriors-movie-app/compare/video-4...video-5
Завершить и продолжить