Теги: Компонент
02.08.2021
Небольшое приложение для поиска фильмов, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на поиск отправляются сервису omdbapi.com. Чтобы отправлять запросы на поиск фильмов — нужно получить api-ключ, это бесплатно.
31.07.2021
В обычном потоке данных React родительские компоненты могут взаимодействовать с дочерними только через пропсы. Чтобы модифицировать потомка, мы должны заново отрендерить его с новыми пропсами. Тем не менее, могут возникать ситуации, когда требуется императивно изменить дочерний элемент, обойдя обычный поток данных.
21.07.2021
Если говорить простыми словами, React-элемент описывает то, что должно появиться на экране. А если не простыми, то React-элемент описывает узел DOM в виде javascript-объекта. Обратите внимание на слово «описывает». React-элемент — это не то, что будет на экране, а описание того, что будет на экране.
10.07.2021
Один компонент готов, осталось еще шесть — Dropdown, Card, Modal, Tab, Accordion и Carousel. Для компонента Button потребовалось только задать стили, но для других компонентов нужно будет добавить js-код, который их «оживит». После этого создадим сервисы для работы с сервером и приступим к проекту с использованием нашей библиотеки.
06.11.2020
Стек — это заглушка где-то в родительском шаблоне. А дочерние шаблоны могут вставлять свое содержимое на место этой заглушки. Причем старое содержимое при этом не теряется, а новое вставляется перед старым или после него. Это похоже на php-функции array_push() и array_unshift(), которые добавляют элемент в конец или начало массива.
01.11.2019
Следить за состоянием приложения и поддерживать его в соответствии с пользовательским интерфейсом — серьезная проблема. Решить эту проблему призван контейнер состояний Redux, который заботится о том, чтобы приложение каким-то образом работало с состоянием и его сохраняло. Мы сохраняем все состояния приложения в одном месте…
30.10.2019
Главное отличие одностраничных приложений от традиционных многостраничных заключается в том, что навигация по одностраничному приложению не предполагает перехода на совершенно новую страницу. Вместо этого все страницы (называемые представлениями) обычно загружаются внутри одной и той же начальной страницы.
27.10.2019
Быстрая работа с DOM — одно из самых больших преимуществ React. Но для оптимизации приложения, нужно позаботиться о том, чтобы не вызывать метод render() компонентов приложения без необходимости. Приложения, с которыми мы работали до этого момента, никогда явно не вызывали метод render(), это происходило автоматически.
26.10.2019
Выдвижное меню сегодня — весьма распространенный элемент пользовательского интерфейса, особенно, если учитывать мобильные устройства. Наше меню расположено за пределами окна браузера, а при клике мышкой по кнопке — выдвигается слева направо, занимая всю ширину окна браузера. Итак, создаем новое приложение…
23.10.2019
Приложение устроено предельно просто. Пользователь вводит текст задачи в поле ввода и жмет кнопку «Добавить». После отправки формы в списке задач появляется новый элемент. Для удаления элемента списка, достаточно кликнуть по нему мышью. Итак, создаем новое приложение…