Javascript & Ajax \ React

Распространенные ошибки хуков React

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

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

Javascript & Ajax \ React

Полезные API React для создания гибких компонентов с помощью TypeScript

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

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

Javascript & Ajax \ React

Понимание React Router на примере простого блога

От автора: React router, пожалуй, одна из самых крутых функций React. Это известная библиотека, и всем, кто изучает React, нужно знать то, как ее использовать. Причина очень проста. При использовании веб-сайта пользователям важно иметь возможность беспрепятственно просматривать разные страницы или переходить с одной страницы на другую. React Router — библиотека, которая делает это возможным.

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

Javascript & Ajax \ React

React против других фреймворков: сравнение по трем аспектам

От автора: React — отличная библиотека для создания прекрасных веб-сайтов и увлекательных веб-приложений. Но это самая непредвзятая библиотека разработки по сравнению с Angular и Vue. Таким образом, выбор сборки и структуры приложения остается за разработчиками.

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

Javascript & Ajax \ React

Как сократить время загрузки приложения React на 70%

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

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

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.

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