Поиск по блогу
06.08.2021
Хуки — это функции, с помощью которых можно «подцепиться» к состоянию и методам жизненного цикла React из функциональных компонентов. Хуки не работают внутри классов — наоборот, они дают возможность использовать React без классов. React содержит несколько встроенных хуков, таких как useState и useEffect.
02.08.2021
Небольшое приложение для поиска фильмов, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на поиск отправляются сервису omdbapi.com. Чтобы отправлять запросы на поиск фильмов — нужно получить api-ключ, это бесплатно.
31.07.2021
В обычном потоке данных React родительские компоненты могут взаимодействовать с дочерними только через пропсы. Чтобы модифицировать потомка, мы должны заново отрендерить его с новыми пропсами. Тем не менее, могут возникать ситуации, когда требуется императивно изменить дочерний элемент, обойдя обычный поток данных.
29.07.2021
Неуправляемый компонент работает как обычный элемент формы, получить введенные пользователем значения можно с помощью ref. Управляемый компонент принимает свое текущее значение в качестве пропсов, а также коллбэк-функцию для изменения этого значения.
28.07.2021
В реакте поток данных — однонаправленный. Это значит, что данные передаются как водопад, сверху вниз, от родителя к ребенку, через props. При этом props — неизменяемый объект, предназначенный только для чтения. Проще понять, если думать о компонентах, как о функциях. Тогда props — это просто аргумент функции.
27.07.2021
Методы жизненного цикла — это специальные методы, которые автоматически вызываются компонентами. Они сообщают о важных вехах в жизни компонента, и их можно использовать, чтобы повлиять на то, что должен сделать компонент. Можно сказать, что это такие обработчики событий, которые вызываются на разных этапах жизни компонента.
21.07.2021
Если говорить простыми словами, React-элемент описывает то, что должно появиться на экране. А если не простыми, то React-элемент описывает узел DOM в виде javascript-объекта. Обратите внимание на слово «описывает». React-элемент — это не то, что будет на экране, а описание того, что будет на экране.
13.06.2021
Давайте для начала рассмотрим простой пример, а потом немного усложним, чтобы в итоге получить модуль. Мы объявили приватные переменные something и another, а также пару внутренних функций doSomething() и doAnother(). Обе имеют лексическую область видимости (а следовательно, и замыкание) над внутренней областью видимости foo().
07.03.2021
Можно пометить любое объявление переменной, функция или класса как экспортируемое, разместив перед ним ключевое слово export. Также можно написать export отдельно — сначала объявить, а затем экспортировать. Обычно список того, что нужно импортировать, размещается в фигурных скобках {...}.
24.01.2021
Laravel Mix ранее был известен как Elixir и поставлялся в виде отдельного плагина, но с версии 5.4 он был включён в официальную поставку фреймворка. Разница между Elixir и Mix в том, что последний является надстройкой над Webpack, в то время как первый основан на Gulp. Laravel Mix умело работает с JavaScript, не только минифицируя…