Публикации по теме 'react'


Неделя 11 в Hack Reactor LA: Знакомство с Nimblecode
Этот пост давно назрел. Прошло полгода с тех пор, как я закончил буткемп, и я рад сообщить, что не веду блог так часто, как потому, что теперь я нахожусь на прекрасной работе инженером-программистом в Yahoo. Я завершу опыт буткемпа и напишу о своей работе в другом посте. Этот посвящен моему последнему проекту, Nimblecode. Nimblecode — это игра-гонка с набором кода, призванная улучшить вашу скорость и точность кодирования. Вы можете либо участвовать в гонках на время, либо..

Хитчвеб! Расширение для браузера🧩, общайтесь с людьми на том же сайте 🤩
Недавно я написал пост Общайтесь с людьми, которые находятся на том же сайте 🌎 | Расширение Chrome . Где я говорил о расширении для браузеров на основе хрома . ✨ Наконец ✨ Расширение теперь 🔴 доступно в Интернет-магазине Chrome , и его можно загрузить для браузеров на основе хрома. 👉 Установите HitchWeb отсюда 👈 Давайте поговорим 💬💬 Давайте присоединимся к самой комнате medium.com . Отзывы ✨ Отзывы приветствуются, так как это ранний выпуск, он будет часто падать,..

Редукс
Что такое редукс:- Redux — это библиотека JavaScript с открытым исходным кодом для управления и централизации состояния приложения. Чаще всего он используется с такими библиотеками, как React или Angular, для создания пользовательских интерфейсов. Зачем использовать избыточность:- Обычно Redux используется, когда значение используется несколькими компонентами в вашем проекте React. Если вам нужно использовать состояние только в одном компоненте и нет другого компонента,..

Сравните 3 лучших руководства по стилю и настройте их с помощью ESLint
Стандартный против Google против Airbnb В Интернете есть множество статей, которые научат вас, как создать конкретное руководство по стилю ESLint ; эта статья объяснит, как настроить ESLint при работе с React, а также сравнит руководства по стилю Airbnb , Standard и Google . Настройка ESLint Примечание. В этом руководстве предполагается, что вы хотите установить ESLint локально (рекомендуемая установка). Если вы хотите настроить ESLint глобально, обязательно используйте yarn..

Реагировать на использование обратного вызова
В последнее время я часто сталкивался с useCallback, и это натолкнуло меня на мысль написать новую статью на эту тему. После поиска множества статей, ниже я буду прямолинейным в каждом вопросе, который у меня тоже был раньше. Что такое useCallback? useCallback — это один из хуков React, который хранит определение функции в кеше (памяти) между каждым повторным рендерингом, который может произойти. Как это использовать? Нам нужно передать две вещи: Определение функции,..

Самый простой способ сгенерировать штрих-код с помощью реактивного штрих-кода
Обзор Компонент react-barcode — это легкий и высокопроизводительный компонент, который отображает стандартные 1D- и 2D-штрих-коды для приложения React. Сгенерированные штрих-коды оптимизированы для печати и сканирования на экране. Он разработан для простоты использования и не требует шрифтов. Настройка компонент реактивного штрих-кода легко настраивается. Он предоставляет параметры для настройки его цвета, высоты, ширины и многого другого. Этикетка react-barcode..

Как избежать дублирования обычного поведения оболочки в React с помощью Children Prop
Когда я изучал React, было несколько вещей, которые я не мог четко понять, и одна из них была детская опора . Так было до тех пор, пока я не столкнулся с проблемой, подобной следующей. Во время работы над функцией «Подробнее» несколько компонентов, которые различаются только заголовком. Я решил создать компонент-оболочку ‹MoreDetails /› . Поскольку я должен управлять состоянием того, отображается он или нет, он должен быть компонентом класса. Таким образом, это позволяет мне..