Теги: Frontend

React.js. Рефы и DOM-элементы

В обычном потоке данных React родительские компоненты могут взаимодействовать с дочерними только через пропсы. Чтобы модифицировать потомка, мы должны заново отрендерить его с новыми пропсами. Тем не менее, могут возникать ситуации, когда требуется императивно изменить дочерний элемент, обойдя обычный поток данных.

React.js. Управляемые компоненты

Неуправляемый компонент работает как обычный элемент формы, получить введенные пользователем значения можно с помощью ref. Управляемый компонент принимает свое текущее значение в качестве пропсов, а также коллбэк-функцию для изменения этого значения.

React.js. Однонаправленный поток данных

В реакте поток данных — однонаправленный. Это значит, что данные передаются как водопад, сверху вниз, от родителя к ребенку, через props. При этом props — неизменяемый объект, предназначенный только для чтения. Проще понять, если думать о компонентах, как о функциях. Тогда props — это просто аргумент функции.

React.js. Жизненный цикл компонента

Методы жизненного цикла — это специальные методы, которые автоматически вызываются компонентами. Они сообщают о важных вехах в жизни компонента, и их можно использовать, чтобы повлиять на то, что должен сделать компонент. Можно сказать, что это такие обработчики событий, которые вызываются на разных этапах жизни компонента.

React.js. Элементы и компоненты

Если говорить простыми словами, React-элемент описывает то, что должно появиться на экране. А если не простыми, то React-элемент описывает узел DOM в виде javascript-объекта. Обратите внимание на слово «описывает». React-элемент — это не то, что будет на экране, а описание того, что будет на экране.

JavaScript. Что такое модули

Давайте для начала рассмотрим простой пример, а потом немного усложним, чтобы в итоге получить модуль. Мы объявили приватные переменные something и another, а также пару внутренних функций doSomething() и doAnother(). Обе имеют лексическую область видимости (а следовательно, и замыкание) над внутренней областью видимости foo().

DOM, часть 1 из 3. Навигация по элементам

В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом. Все операции с DOM начинаются с объекта document…

JavaScript. Импорт и экспорт

Можно пометить любое объявление переменной, функция или класса как экспортируемое, разместив перед ним ключевое слово export. Также можно написать export отдельно — сначала объявить, а затем экспортировать. Обычно список того, что нужно импортировать, размещается в фигурных скобках {...}.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.