Javascript & Ajax \ React

Простое руководство по хуку React useReducer()

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

Продолжить чтение

Javascript & Ajax \ React

Визуальное руководство по React Rendering - DOM

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

Продолжить чтение

Javascript & Ajax \ React

5 методов оптимизации производительности React

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

Продолжить чтение

Javascript & Ajax \ React

Виртуализация больших списков данных с помощью React-Window

От автора: рендеринг большого набора данных в DOM без правильных инструментов может быть довольно затратным, так как это отрицательно сказывается на производительности веб-страницы; замедляет время выполнения, сетевые запросы и производительность памяти. В этом руководстве мы рассмотрим, как визуализировать большой объем данных из внешнего API или фиктивного файла данных в нашем приложении.

Продолжить чтение

Javascript & Ajax \ React

Руководство по React Context и хуку useContext()

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

Продолжить чтение

Javascript & Ajax \ React

От Create-React-App к Next

От автора: недавно я перевел значительную кодовою базу с Create-React-App (сокращенно CRA) на Next и подумал, что хорошо бы было поделится своим опытом, потому что, поверьте мне, это было довольно долгое путешествие (и не всегда приятное).

Продолжить чтение

Javascript & Ajax \ React

Три примера багов кода React и способы их устранения

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

Продолжить чтение