Публикации по теме 'react'
Разработка библиотеки мемоизации с помощью прокси
прокси-сравнение и прокси-мемоизирование
Введение
Прошло много времени с тех пор, как я начал разрабатывать reactive-react-redux и response-tracked . Эти библиотеки обеспечивают так называемое отслеживание использования состояния для оптимизации рендеринга в React. Этот подход, на мой взгляд, довольно новый, и я приложил немало усилий, чтобы улучшить его производительность.
В последнее время я подумал, что было бы лучше, если бы это можно было использовать более широко. Мне..
Простое перетаскивание для проектов React с помощью react-sortable-hoc
Мне всегда нравилась функция перетаскивания на веб-страницах. Я думаю, что это дает забавный уровень интерактивности, улучшающий пользовательский опыт. В моем путешествии по изучению веб-разработки, хотя это и не было моей основной целью, я хотел потратить несколько часов на изучение некоторых базовых функций перетаскивания в React.
Мой сокурсник по Flatiron School посоветовал мне попробовать react-sortable-hoc как простой способ погрузиться в предмет. Эта библиотека предоставляет..
Nextjs с интеграцией с Typescript и примером
Из этого туториала Вы узнаете, как интегрировать TypeScript в ваши приложения Nextjs. Для этого нам необходимо установить необходимые библиотеки машинописного текста для нашего проекта Nextjs.
Если вы начинаете новый проект и начинаете с Typescript, вы также можете создать новое приложение nextjs за секунды с помощью
npx create-next-app your-app-name
Установите необходимые библиотеки для поддержки Typescript
// with Npm
npm install -D typescript @types/react @types/node
//..
Секундомер с React
Эй, сегодня мы собираемся создать секундомер, используя реакцию. Это будет простое фронтенд-приложение. Мы пройдем все этапы вместе.
Прежде всего, мы создадим приложение React, и для этого проекта я использую Visual Studio Code. Вы можете выбрать этот или любой другой редактор кода по вашему выбору.
Создайте приложение React:
Для этого зайдите в папку, в которую вы хотите сохранить этот проект. И откройте терминал там, и в терминале введите эту команду
секундомер npx..
React17, или как избавиться от «componentWillReceiveProps»?
React17, или как избавиться от «componentWillReceiveProps»?
Как вы, возможно, уже знаете, с выпуском React 16.3 некоторые устаревшие жизненные циклы устарели.
Один из самых важных уроков, который мы извлекли, заключается в том, что некоторые из жизненных циклов устаревших компонентов, как правило, поощряют небезопасные методы кодирования.
Эти методы жизненного цикла часто неправильно понимаются и используются не по назначению; более того, мы ожидаем, что их возможное..
Раскройте потенциал JS-разработки на основе функций - с feature-u V1
Эта статья представляет собой введение в новую библиотеку JS под названием feature-u , которая упрощает разработку на основе функций в вашем проекте React .
Примечание : 14.08.2018 была выпущена feature-u V1 , в которой Межфакторная коммуникация была переработана, чтобы включить Композицию пользовательского интерфейса как основное предложение. В этой статье рассматривается выпуск V1. Первую статью, основанную на Feature Runtime Consolidation 3">feature-u V0 , можно..
Анимированная метка ввода с обнаружением автозаполнения Chrome в React
Скорее всего, у вас было автозаполнение формы в Chrome. Данные заполняются желтым фоном и содержат контент, который вам не нужно вводить. Это обеспечивает отличный опыт для вас как пользователя, но дает очень мало возможностей разработчикам знать, что все заполнено.
Это может привести к нарушению такого рода пользовательских интерфейсов. Давайте посмотрим, как этого избежать с помощью нашего собственного пользовательского интерфейса.
Ввод с меткой
Это в основном применимо к..
