Теги: React.js
23.08.2021
В рамках маршрутов в React можно определять дочерние маршруты. Такие подмаршруты будут отсчитываться от главного маршрута. Давайте добавим в наше приложение маленький каталог товаров, который будет содержать два раздела и четыре товара (по два в каждом разделе).
22.08.2021
В React имеется своя система маршрутизации, которая позволяет сопоставлять запросы к приложению с определенными компонентами. Ключевым звеном в работе маршрутизации является модуль react-router, который содержит основной функционал по работе с маршрутизацией. Для браузерных приложений предназначен модуль react-router-dom…
20.08.2021
Небольшое приложение — витрина интернет-магазина + корзина покупателя, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на получение списка товаров отправляются сервису fortniteapi.io.
15.08.2021
Нельзя вызывать хуки внутри циклов, условных операторов или вложенных функций. Хуки нужно вызывать только внутри React-функций, до возврата какого-либо значения из них. Исполнение этого правила гарантирует, что хуки вызываются в одинаковой последовательности при каждом рендере компонента.
11.08.2021
Хук контекста useContext принимает объект контекста (значение, возвращённое из React.createContext) и возвращает текущее значение контекста для этого контекста. Текущее значение контекста определяется пропом value ближайшего MyContext.Provider над вызывающим компонентом в дереве.
10.08.2021
Объект state описывает внутреннее состояние компонента и чем-то похож на объект props. Но если пропс представляет данные, которые приходят извне, состояние определяется внутри и доступно только внутри компонента. Также существенное отличие state от props в том, что значения в state можно и нужно изменять.
09.08.2021
В типичном React-приложении данные передаются сверху вниз с помощью пропсов. Но когда пропсы надо передавать большому количеству потомков, это может быть очень неудобно. Контекст дает возможность делиться данными между компонентами без необходимости явно передавать пропсы через каждый уровень дерева.
06.08.2021
Хуки — это функции, с помощью которых можно «подцепиться» к состоянию и методам жизненного цикла React из функциональных компонентов. Хуки не работают внутри классов — наоборот, они дают возможность использовать React без классов. React содержит несколько встроенных хуков, таких как useState и useEffect.
02.08.2021
Небольшое приложение для поиска фильмов, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на поиск отправляются сервису omdbapi.com. Чтобы отправлять запросы на поиск фильмов — нужно получить api-ключ, это бесплатно.
31.07.2021
В обычном потоке данных React родительские компоненты могут взаимодействовать с дочерними только через пропсы. Чтобы модифицировать потомка, мы должны заново отрендерить его с новыми пропсами. Тем не менее, могут возникать ситуации, когда требуется императивно изменить дочерний элемент, обойдя обычный поток данных.