Главная » Архив меток: React

Архив меток: React

Разрушение производительности приложения React через Redux

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

Читать далее »

React 16.6: React.memo() для управление рендерингом функциональных компонентов

От автора: React 16.6.0 вышел! В нем появилось множество новых функций, включая две основных: React memo () и React.lazy(). Разделение кода и отложенная загрузка с помощью React Suspense. В этой статье мы рассмотрим React.memo(), а React.lazy() и Suspense в следующей крупной статье. Что такое React.memo()? React.memo() похож на PureComponent в том, что он помогает контролировать, когда наши компоненты будут перезагружаться. ...

Читать далее »

Если вы пренебрежете основами React, это может вас погубить

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

Читать далее »

Создание виджета автозаполнения с помощью React и Elastic Search

От автора: этот пост представляет собой компиляцию утвержденных технических решений, применяемых благодаря React и Elastic Search и связанных с созданием виджета поиска с использованием автозаполнения со следующими требованиями ниже. Создать панель поиска для быстрого нахождения клиента по имени или фамилии или по уникальному короткому коду. Он должен поддерживаться поиск по принципу «поступательный-набор» с уточнением результатов при нажатии новых клавиш Поиск ...

Читать далее »

Создание компонента по образцу React с использованием vanilla JavaScript

От автора: я был немного вдохновлен этим утром твиттом от Кента Си Доддса. Признание: мне сегодня немного тоскливо, к тому же у меня небольшое похмелье, поэтому прошу прощения, если буду выражаться не слишком четко.. Но я увидел, что в списке Кента присутствует один пункт: vanilla javascript! Итак, давайте сделаем это самым простым способом: Это работает, но это немного скучно и ...

Читать далее »

Лучшие практики кодирования на React и Redux

От автора: этим летом я закончил стажировку в Scott Logic, в их офисе в Ньюкасле. Имея небольшой опыт реализации реальных программных проектов, я обнаружил, что много смог почерпнуть из этого опыта. Мы работали над киоском для honesty.store. honesty.store — это магазин офисных товаров, он основан на идее, что люди платят за товары на веб-сайте и просто забирают их. Киоск позволял ...

Читать далее »

Работа с ref в React

От автора: React ref позволяет получить доступ к узлам DOM непосредственно внутри React. Это полезно в ситуациях, когда, например, вы хотите изменить дочерний элемент компонента. Предположим, вы хотите изменить значение элемента input, но без использования свойства или повторного рендеринга всего компонента. Это то, что мы рассмотрим в этом посте. Как создать ref createRef() — это новый API, который поставляется с ...

Читать далее »

Разделяй и властвуй! Отложенная загрузка для вашего SPA

От автора: «Как же это медленно? Я использую только 100 компонентов. Давай же, браузер, делайте свое дело! »Звучит знакомо? Ну, пришло время попробовать повысить производительность. Если вы являетесь веб-разработчиком, скорее всего, вы используете Webpack, и, возможно, вы не знаете, что такое отложенная загрузка. Что такое отложенная (ленивая) загрузка? Я знаю, о чем вы подумали: «Ленивый — это не быстрый, это ...

Читать далее »

Библиотека React — обязательный инструмент для современного веб-разработчика

От автора: привет, друзья! Для front-end разработки сегодня есть множество инструментов. У каждого из них имеются свои преимущества и недостатки. Каждый из них по-своему уникален и специфичен. В данной статье мы поговорим с вами о библиотеке React, подробно рассмотрим, что это такое, обсудим ее преимущества перед другими подобными библиотеками и фреймворками. Также мы рассмотрим тему ее популярности и возможности заработка ...

Читать далее »

Понятие компонентов высшего порядка в React и Gutenberg

От автора: Front end экосистема развивается чрезвычайно быстро, с ростом таких фреймворков, как React, Vue и Angular, что приводит к резким изменениям в архитектуре приложений и целым новым наборам шаблонов для разработчиков JavaScript. С WordPress, охватывающим React в новом редакторе Gutenberg, миллионы разработчиков внезапно внедряются в этот мир и пытаются не отстать от нововведений. В этой статье мы собираемся сломать ...

Читать далее »