Публикации по теме 'react'
Учебник по React JS-3 | Реагировать на фрагменты
Фрагменты реакции
В React Fragment используется для возврата нескольких элементов внутри компонента.
Давайте разберемся с этой концепцией на примере. Я создал компонент с именем ReactFragment и возвращаю Hello внутри тега h1.
Теперь я хочу вернуть свое имя внутри другого тега h1. Итак, что я буду делать? Я напишу еще один тег h1, как на картинке ниже.
Посмотрим вывод в браузере.
Как мы видим, приложение аварийно завершает работу с ошибкой: « Смежные элементы..
Как создать анимацию прокрутки в React с помощью библиотеки Framer Motion
В этом уроке мы познакомим вас с процессом создания анимации прокрутки в React.js с использованием библиотеки Framer Motion. Этот код позволит вам запустить анимацию для компонента React, когда он появится в области просмотра.
1. Предварительные условия
Прежде чем мы начнем, убедитесь, что на вашем компьютере установлены Node.js и npm. Вам также необходимо иметь базовое понимание React.js и JavaScript.
2. Установка Framer Motion
Следующий шаг — установка библиотеки Framer..
Раскрытие возможностей Redux с помощью Redux-toolkit
Раскрытие возможностей Redux с помощью Redux-toolkit
Введение
«Redux Toolkit упрощает написание хороших Redux-приложений и ускоряет разработку , … обеспечивая хорошее поведение по умолчанию, отлавливая ошибки и позволяя писать более простой код. Redux Toolkit приносит пользу всем пользователям Redux, независимо от уровня навыков или опыта». — Редукс
Примечание. в этой статье предполагается, что вы уже знакомы с концепциями и синтаксисом редуктора.
Монтаж:
использовать..
Демистификация Redux: руководство для начинающих по управлению состоянием в приложениях React
Современная веб-разработка — это создание динамичных инструментов, которые можно использовать по-разному. По мере того как приложения усложняются, становится сложнее отслеживать состояние, то есть данные, показывающие, как приложение находится в данный момент. И здесь на помощь приходит Redux. Redux — это мощная библиотека для управления состоянием, которая упрощает обмен и обработку состояния различными частями приложения React. В этом руководстве для начинающих мы объясним Redux,..
React.useState с «как константа»
Возьмем типичный компонент React, который извлекает данные из внешнего источника и обновляет пользовательский интерфейс в зависимости от состояния сети.
На первый взгляд этот код может показаться идеальным, и на самом деле он отобразит компонент без ошибок.
// Users.tsx
import { useState, useEffect } from "react";
export const REQUEST_STATUS = {
idle: "IDLE",
pending: "PENDING",
success: "SUCCESS",
error: "ERROR",
};
async..
Состояние реакции не обновляется сразу!? Вот как это сделать.
Когда вы обновляете состояние React с помощью SetState и сразу же пытаетесь использовать измененное значение, оно по-прежнему показывает предыдущее значение! Вот почему! и как использовать измененное значение немедленно.
Почему ?
Как видите, это константы ! Таким образом, состояние React неизменно для каждого рендера. Однако его можно изменить между разными рендерами.
Объект состояния React напрямую не изменяется с помощью SetState . Вместо этого он создает очередь для..
Раскрытие возможностей ECMAScript 2023: подробное изучение его захватывающих новых функций
ECMAScript 2023, последняя редакция официальной спецификации JavaScript, была официально одобрена ECMA International 27 июня 2023 года. Что делает это обновление исключительным, так это новые инновационные методы управления массивами, использование символов в качестве ключей WeakMap и новая стандартизация для грамматика хэшбанга.
Это 14-е издание содержит множество ценных обновлений, которые обещают упростить процесс кодирования в JavaScript:
Усовершенствования поиска и управления..
