Публикации по теме '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 /› . Поскольку я должен управлять состоянием того, отображается он или нет, он должен быть компонентом класса. Таким образом, это позволяет мне..