Теги: React.js
29.07.2021
Неуправляемый компонент работает как обычный элемент формы, получить введенные пользователем значения можно с помощью ref. Управляемый компонент принимает свое текущее значение в качестве пропсов, а также коллбэк-функцию для изменения этого значения.
28.07.2021
В реакте поток данных — однонаправленный. Это значит, что данные передаются как водопад, сверху вниз, от родителя к ребенку, через props. При этом props — неизменяемый объект, предназначенный только для чтения. Проще понять, если думать о компонентах, как о функциях. Тогда props — это просто аргумент функции.
27.07.2021
Методы жизненного цикла — это специальные методы, которые автоматически вызываются компонентами. Они сообщают о важных вехах в жизни компонента, и их можно использовать, чтобы повлиять на то, что должен сделать компонент. Можно сказать, что это такие обработчики событий, которые вызываются на разных этапах жизни компонента.
21.07.2021
Если говорить простыми словами, React-элемент описывает то, что должно появиться на экране. А если не простыми, то React-элемент описывает узел DOM в виде javascript-объекта. Обратите внимание на слово «описывает». React-элемент — это не то, что будет на экране, а описание того, что будет на экране.
01.11.2019
Следить за состоянием приложения и поддерживать его в соответствии с пользовательским интерфейсом — серьезная проблема. Решить эту проблему призван контейнер состояний Redux, который заботится о том, чтобы приложение каким-то образом работало с состоянием и его сохраняло. Мы сохраняем все состояния приложения в одном месте…
30.10.2019
Главное отличие одностраничных приложений от традиционных многостраничных заключается в том, что навигация по одностраничному приложению не предполагает перехода на совершенно новую страницу. Вместо этого все страницы (называемые представлениями) обычно загружаются внутри одной и той же начальной страницы.
27.10.2019
Быстрая работа с DOM — одно из самых больших преимуществ React. Но для оптимизации приложения, нужно позаботиться о том, чтобы не вызывать метод render() компонентов приложения без необходимости. Приложения, с которыми мы работали до этого момента, никогда явно не вызывали метод render(), это происходило автоматически.
26.10.2019
Выдвижное меню сегодня — весьма распространенный элемент пользовательского интерфейса, особенно, если учитывать мобильные устройства. Наше меню расположено за пределами окна браузера, а при клике мышкой по кнопке — выдвигается слева направо, занимая всю ширину окна браузера. Итак, создаем новое приложение…
23.10.2019
Приложение устроено предельно просто. Пользователь вводит текст задачи в поле ввода и жмет кнопку «Добавить». После отправки формы в списке задач появляется новый элемент. Для удаления элемента списка, достаточно кликнуть по нему мышью. Итак, создаем новое приложение…
20.10.2019
Чтобы приложение работало быстро, размер страницы должен быть как можно меньше. Важно быстро показать пользователю первый экран, а все остальное, что может потребоваться, можно подгрузить и позже. Либо сразу после загрузки первого экрана, либо в момент, когда пользователь начнет взаимодействовать со страницей.