Javascript & Ajax \ Javascript

От автора: в данном уроке мы разберем, как сделать калькулятор расчета стоимости проекта на React JS.

Рассмотрим, как сохранять выбранные элементы калькулятора, как суммировать их и динамически присваивать CSS-классы элементам DOM дерева.

Читать далее

Javascript & Ajax \ React

Изучение трех новых API в React 18

От автора: самая большая тема в экосистеме React сейчас — React 18 и выпуск его долгожданных функций параллельного рендеринга. В июне 2021 года команда React объявила о планах React 18 и о том, что должно произойти. Несколько месяцев спустя, в декабре, главной темой React Conf 2021 стали все недавно анонсированные функции параллельного рендеринга.

Читать далее

Javascript & Ajax \ React

Лучший способ решить задачу сквозной передачи данных в React

От автора: работа с управлением состоянием в приложениях React может быть непростой задачей, особенно когда данные необходимо передать от корневого компонента к глубоко вложенным компонентам.

Читать далее

Javascript & Ajax \ React

5 способов избежать повторного рендеринга компонентов React

От автора: компоненты React прошли долгий путь развития с момента их создания. Тем не менее, многим разработчикам трудно исправить ненужные повторные рендеринги. Однако существует множество способов избежать этой проблемы. В данной статье я расскажу о 5 методах, позволяющих избежать ненужных повторных рендерингов в компонентах React.

Читать далее

Javascript & Ajax \ React

PurgeCSS: удаление неиспользуемого кода CSS

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

Читать далее

Javascript & Ajax \ React

Переход на React Router v6: полное руководство

От автора: переход с React Router v5 на v6 может быть сложным, потому что в React Router v6 есть несколько существенных изменений, в сравнении с React Router v5. Кроме того, был введен ряд новых функций, поэтому рекомендуется обновиться до v6, даже если переход будет немного раздражать.

Читать далее

Javascript & Ajax \ React

Создание доступной якорной ссылки с помощью React

От автора: ссылки необходимы для навигации по любому веб-сайту с момента появления современной сети в 2000-х годах. Не существует определенного числа, выражающего максимальное количество ссылок на любой веб-странице. Однако можно с уверенностью предположить, что семантический HTML header будет иметь несколько ссылок анкоров.

Читать далее

Javascript & Ajax \ React

Недооцененные хуки React

От автора: React Hooks предоставляют нам доступ к основным функциям React в контексте функциональных компонентов. Традиционно для оптимизации React разработчикам приходилось переключаться между функциональными и классовыми компонентами, однако React Hooks позволяет нам использовать функциональные компоненты во всех проектах для создания как небольших, так и крупных приложений.

Читать далее