React.js: Знакомимся с useReducer, Axios и JSON Server на примере создания инвентарного списка

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

Когда речь заходит о веб-разработке, трудно обойти вниманием React.js. Она уже десять лет является одной из главных библиотек пользовательского интерфейса и лежит в основе множества популярных фреймворков, таких как, например, Next.js.

Если вы являетесь React-разработчиком, вы, скорее всего, уже оценили его компонентную архитектуру, однонаправленную привязку данных, огромную поддержку со стороны сообщества и страсть команды React к созданию новых возможностей для разработчиков.

Для тех, кто только начинает работать с React или является новичком в этой области, здесь, на freeCodeCamp, есть полный роадмап по React.js. И я думаю, что изучать библиотеку будет намного легче, если вы уже знаете основы JavaScript.

Независимо от того, как вы относитесь к React, создавать что-либо с его помощью — это настоящее удовольствие, и с этим трудно не согласиться. Поэтому сегодня я решил создать простой инвентарный список, чтобы объяснить несколько мощных концепций, таких как сложное управление состояниями с помощью useReducer.

А также между делом мы создадим мок API сервера с помощью JSON Server, будем использовать axios для вызова API и, наконец, воспользуемся хуком useReducer для управления состоянием.

Звучит интересно? Тогда давайте приступим. Ну а если вам больше приходятся по душе уроки в формате видео, то вот и видео-версия этого проекта:

Источник: https://habr.com/ru/companies/otus/articles/814771/


Интересные статьи

Интересные статьи

Доступ к данным, хранящимся в документах нового поколения — вопрос актуальный. Для его решения применяются CV-сертификаты, не соответствующие стандарту X.509, но сохраняющие идею иерархичности открыты...
Совсем недавно мы с вами познакомились с экспонатом, олицетворяющим суровость и непоколебимость, надежность и долговечность — сервером HP NetServer LM, в недрах кубического корпуса кото...
Привет, Хабр! Уже много лет я читаю замечательные посты, и, кажется, наконец нашел чем сам могу поделиться с сообществом. Сегодня я хотел бы рассказать про создание ...
К 2020 году вы не могли не заметить, что миром правят данные. И, как только речь заходит о работе с ощутимыми объёмами, появляется необходимость в сложном многоэтапном ко...
Джеф Безос презентует лунный модуль Blue Moon. Источник: Blue Origin. Аэрокосмическая компания Джеффа Безоса, Blue Origin, больше не планирует строить весь комплекс систем лунного модуля в о...