JavaScript и TypeScript
30.10.2019
Главное отличие одностраничных приложений от традиционных многостраничных заключается в том, что навигация по одностраничному приложению не предполагает перехода на совершенно новую страницу. Вместо этого все страницы (называемые представлениями) обычно загружаются внутри одной и той же начальной страницы.
27.10.2019
Быстрая работа с DOM — одно из самых больших преимуществ React. Но для оптимизации приложения, нужно позаботиться о том, чтобы не вызывать метод render() компонентов приложения без необходимости. Приложения, с которыми мы работали до этого момента, никогда явно не вызывали метод render(), это происходило автоматически.
26.10.2019
Выдвижное меню сегодня — весьма распространенный элемент пользовательского интерфейса, особенно, если учитывать мобильные устройства. Наше меню расположено за пределами окна браузера, а при клике мышкой по кнопке — выдвигается слева направо, занимая всю ширину окна браузера. Итак, создаем новое приложение…
23.10.2019
Приложение устроено предельно просто. Пользователь вводит текст задачи в поле ввода и жмет кнопку «Добавить». После отправки формы в списке задач появляется новый элемент. Для удаления элемента списка, достаточно кликнуть по нему мышью. Итак, создаем новое приложение…
20.10.2019
Чтобы приложение работало быстро, размер страницы должен быть как можно меньше. Важно быстро показать пользователю первый экран, а все остальное, что может потребоваться, можно подгрузить и позже. Либо сразу после загрузки первого экрана, либо в момент, когда пользователь начнет взаимодействовать со страницей.
19.10.2019
До сих пор мы собирали приложения React с помощью трех js-файлов, которые подключали к HTML-странице. Эти файлы загружали библиотеки React и компилятор Babel, позволяющий браузеру обрабатывать JSX-код. Недостаток такого подхода — низкая производительность. Преобразование JSX-кода в JS-код — крайне трудоемкий процесс.
18.10.2019
Иногда необходимо напрямую обращаться к свойствам и методам HTML-документа. Потому что правильно реализовать такое обращение с использованием JSX и методов React сложно. Давайте рассмотрим простой пример палитры, которая окрашивает белый квадрат цветом, который указан в поле ввода.
16.10.2019
Методы жизненного цикла — это специальные методы, которые автоматически вызываются компонентами. Они сообщают о важных вехах в жизни компонента, и их можно использовать, чтобы повлиять на то, что должен сделать компонент. Можно сказать, что это такие обработчики событий, которые вызываются на разных этапах жизни компонента.
14.10.2019
При разработке пользовательского интерфейса часто необходимо показать несколько однотипных элементов — список товаров, записи блога и так далее. Количество отображаемых элементов связано с количеством элементов в массиве или массивоподобной структуре. Посмотрим, как это можно реализовать.
13.10.2019
Компоненты могут состоять из других компонентов. Простой пример — какой-нибудь список элементов, например меню сайта. Каждый элемент меню может быть представлен отдельным компонентом, а само меню также может представлять собой компонент. Пример композиции из нескольких компонентов…