Загрузка страницы

React Hooks - Разработка тестового задания. Полный разбор [Часть №1]

Внутри расскажу про: useState, useEffect, useRef, useMemo, useCallback, customHook.
Подходит как новичкам, так и опытным разработчикам!
👇Условие тестового задания ⚛️ReactJS приложение Контакты
https://start.reactwarriors.com/test-task-1

Для глубокой прокачки не просто повторяй, а сначала выполняй задание сам, чтобы прочувствовать возможные ошибки которые возникнут при выполнении!

0:00:00 - Введение
0:01:04 - Условие задания
0:02:21 - Создание шаблона CRA
0:08:40 - Структура приложения
0:13:29 - Загрузка данных с сервера
0:20:51 - async await
0:23:28 - custom hook useContacts
0:29:02 - Установка MaterialUI
0:35:13 - Стили для контейнера
0:44:03 - Базовая таблица
0:53:39 - Уникальный. key для Row
0:55:24 - Ячейки Avatar, Fullname, Birthday, Email, Phone

Подписывайся и смотри видео первым: https://go.reactwarriors.com/youtube

RW в социальных сетях:
Телеграм-канал - https://t.me/reactwarriors
Инстаграм - https://www.instagram.com/epodgaetskiy/

Меня зовут Евгений Подгаецкий, работаю FrontEnd Tech Lead в продуктовой компании iDeals и устраиваю на работу разработчиков. На этом канале я расскажу вам все, что нужно знать о ReactJS. Подписывайся на канал, социальные сети и смотри первым!

Видео React Hooks - Разработка тестового задания. Полный разбор [Часть №1] канала React Warriors
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
4 ноября 2020 г. 15:38:53
01:05:25
Другие видео канала
Курс по React JS | Sunday coding. Рефакторинг + новые фичи на ReactКурс по React JS | Sunday coding. Рефакторинг + новые фичи на ReactReact Hooks - Разработка тестового задания. Полный разбор [Часть №6]React Hooks - Разработка тестового задания. Полный разбор [Часть №6]Курс по React JS | Как использовать значения в классе компонентаКурс по React JS | Как использовать значения в классе компонентаКурс по React JS | Live coding. Рефакторинг CRUD на реальном проектеКурс по React JS | Live coding. Рефакторинг CRUD на реальном проектеReact Hooks - Разработка тестового задания. Полный разбор [Часть №5]React Hooks - Разработка тестового задания. Полный разбор [Часть №5]Курс по React JS | Functional setStateКурс по React JS | Functional setStateТренды React в 2021 году. Как вырасти до Senior. Сессия вопрос-ответТренды React в 2021 году. Как вырасти до Senior. Сессия вопрос-ответReact JS | Сессия вопрос-ответ. Тренды React в 2021 году. Как вырасти до SeniorReact JS | Сессия вопрос-ответ. Тренды React в 2021 году. Как вырасти до SeniorКурс по React JS | Переводим Киноафишу на React Hooks. Отказываются ли от классов?Курс по React JS | Переводим Киноафишу на React Hooks. Отказываются ли от классов?Курс по React JS | Как стать React разработчиком и зарабатывать 800-2000$Курс по React JS | Как стать React разработчиком и зарабатывать 800-2000$React Hooks - Разработка тестового задания. Полный разбор [Часть №3]React Hooks - Разработка тестового задания. Полный разбор [Часть №3]Курс по React JS | Как сделать многошаговую форму. Стилизация компонентовКурс по React JS | Как сделать многошаговую форму. Стилизация компонентовКурс по React JS. #2 Авторизация пользователя. Цепочка Promises. Async await. Обработка ошибокКурс по React JS. #2 Авторизация пользователя. Цепочка Promises. Async await. Обработка ошибокКурс по React JS. #1 Жизненный цикл. Работа с REST API. Оптимизация компонентовКурс по React JS. #1 Жизненный цикл. Работа с REST API. Оптимизация компонентовКурс по React JS | Как эффективно обучаться. Путь Реакт разработчика. Сессия вопрос-ответКурс по React JS | Как эффективно обучаться. Путь Реакт разработчика. Сессия вопрос-ответКурс по React JS | Типичное тестовое задание на  React разработчика уровень BasicКурс по React JS | Типичное тестовое задание на React разработчика уровень BasicКурс по React JS | Как правильно использовать debugger в React приложении. Сессия вопрос-ответКурс по React JS | Как правильно использовать debugger в React приложении. Сессия вопрос-ответКурс по React JS | Code-review пошаговой формы: setState, Object.assign, event persist, reduceКурс по React JS | Code-review пошаговой формы: setState, Object.assign, event persist, reduceReact Hooks - Разработка тестового задания. Полный разбор [Часть №2]React Hooks - Разработка тестового задания. Полный разбор [Часть №2]Курс по React JS. #4 Работа с React Router, History API, SPA (single page application)Курс по React JS. #4 Работа с React Router, History API, SPA (single page application)
Яндекс.Метрика