Fetch and sort Data with React Hooks
https://codesandbox.io/s/api-forked-2lmjlv?file=/src/App.js
Problem Statement
1.) Sort the user list by name's length
2.) On first click list will be sorted in ascending order
3.) On second click list will be sorted in descending order
4.) On third click default list will be rendered
5.) On fourth click again start form step 1
00:50 - Fetching the data
01:31 - Creating Hook(useState)
02:33 - Mapping the data
03:12 - Mapping Key
04:12 - Creating Hook for Sorted Data
05:16 - Thinking about number of Clicks
05:30 - Ascending order Sorting Algorithm
05:58 - Storing no of clicks in a State Hook
06:40 - Using Spread Operator
07:15 - Sorting in Descending order
07:50 - Thinking about 2nd Click
08:15 - Moving to 3rd Click
08:45 - Unsorted Data needed on 4th Click
09:00 - Creating state for default data as previous data is sorted and won't give default order
10:45 - Default data not working
11:00 - Parsing and stringifying to make it work
11:30 - All clicks working in correct order
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Fetch and sort Data with React Hooks», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.