Порталы в React Порталы позволяют рендерить дочерние элементы в DOM-узел, который находится вне DOM-иерархии родительского компонента https://shly.link/XSEJJ
DevDojo
portals in React | shorts
Portals are provided by ReactDOM and it is a way of rendering children into a DM node that exists outside the DOM hierarchy of the parent. To simplify, we can render an element into a div even if they...
Создание индикатора выполнения чтения с помощью React Индикаторы прогресса чтения довольно распространены в блогах и социальных онлайн-платформах для чтения, например, Wattpad. Индикатор выполнения дает читателю представление о том, сколько он прочитал, добавляя к общему пользовательскому опыту и удерживая читателей на крючке.
Хорошей новостью является то, что эту функцию очень просто добавить на свой сайт или блог. В этой статье мы создадим индикатор выполнения чтения в React. Вы можете увидеть живую демонстрацию окончательного приложения . Давайте начнем! https://shly.link/ZmnYq
Хорошей новостью является то, что эту функцию очень просто добавить на свой сайт или блог. В этой статье мы создадим индикатор выполнения чтения в React. Вы можете увидеть живую демонстрацию окончательного приложения . Давайте начнем! https://shly.link/ZmnYq
5 лучших практик для ReactJ Привет всем! В этой статье мы обсудим 5 лучших практик ReactJ, которые помогут вам упростить создание отличных и высокопроизводительных приложений. https://shly.link/ujsem
DevDojo
5 Best practices for ReactJs
Howdy people, In this article we will be discussing the 5 best ReactJs practices that will help you simplify the building of great and high-performance applications. Use Fragment We know React only al...
Восхитительная структура файлов/каталогов React
В этом посте я поделюсь структурой, которую использую во всех своих текущих проектах. https://shly.link/QPYwH
В этом посте я поделюсь структурой, которую использую во всех своих текущих проектах. https://shly.link/QPYwH
Joshwcomeau
Delightful React File/Directory Structure • Josh W. Comeau
How should we structure components and other files in our React apps? I've iterated my way to a solution I'm really happy with. In this blog post, I'll share how it works, what the tradeoffs are, and how I mitigate them.
React.memo() против useMemo()
Оптимизация производительности является важным фактором в веб-разработке. React использует «запоминание» в качестве метода оптимизации для ускорения процесса рендеринга компонентов. Он предлагает React.memo()и useMemo()реализовать мемоизацию.
В этой статье будут сравниваться и противопоставляться , React.memoа также useMemo()обсуждаться варианты их использования. https://shly.link/B0RKp
Оптимизация производительности является важным фактором в веб-разработке. React использует «запоминание» в качестве метода оптимизации для ускорения процесса рендеринга компонентов. Он предлагает React.memo()и useMemo()реализовать мемоизацию.
В этой статье будут сравниваться и противопоставляться , React.memoа также useMemo()обсуждаться варианты их использования. https://shly.link/B0RKp
Medium
React.memo() vs. useMemo()
What are the major differences between React.memo() vs useMemo()? Should you use React.memo() or useMemo()?
14 библиотек компонентов React для повышения вашей продуктивности https://shly.link/5zXtt
Изучение Framer Motion с помощью React
Начнем с того, как мы пришли к Framer Motion и какие проблемы он решает для вас.
В конце мы создадим это классное маленькое приложение , которое позволит вам поиграть с логотипом React, используя Framer Motion для управления анимацией. https://shly.link/K636c
Начнем с того, как мы пришли к Framer Motion и какие проблемы он решает для вас.
В конце мы создадим это классное маленькое приложение , которое позволит вам поиграть с логотипом React, используя Framer Motion для управления анимацией. https://shly.link/K636c
Превращение приложений React в PDF-файлы с помощью Next.js, NodeJS и puppeteer https://shly.link/devuTQ7
Создайте собственное предупреждающее сообщение React
В этом руководстве мы рассмотрим несколько популярных фреймворков для создания предупреждающих сообщений в React, а затем создадим собственное настраиваемое предупреждающее сообщение со сложным стилем и дополнительными функциями https://shly.link/LsPc2
В этом руководстве мы рассмотрим несколько популярных фреймворков для создания предупреждающих сообщений в React, а затем создадим собственное настраиваемое предупреждающее сообщение со сложным стилем и дополнительными функциями https://shly.link/LsPc2
Маршрутизация на стороне клиента в React с React Location
Маршрутизация — один из важнейших аспектов одностраничных приложений (SPA), но поскольку React не поставляется с решением для маршрутизации, разработчики React должны интегрировать сторонние библиотеки для реализации маршрутизации в своих приложениях.
https://shly.link/VYVH7
Маршрутизация — один из важнейших аспектов одностраничных приложений (SPA), но поскольку React не поставляется с решением для маршрутизации, разработчики React должны интегрировать сторонние библиотеки для реализации маршрутизации в своих приложениях.
https://shly.link/VYVH7
Разверните приложение React в Kubernetes с помощью Docker
В этом руководстве мы узнаем, как использовать Docker, minikube и kubectl для развертывания приложения React в Kubernetes . Давайте подробнее рассмотрим эти инструменты, чтобы узнать, почему они являются лучшим выбором для развертывания контейнерных приложений React. https://shly.link/gsAG4
В этом руководстве мы узнаем, как использовать Docker, minikube и kubectl для развертывания приложения React в Kubernetes . Давайте подробнее рассмотрим эти инструменты, чтобы узнать, почему они являются лучшим выбором для развертывания контейнерных приложений React. https://shly.link/gsAG4
Начало работы с Floating UI
Плавающий пользовательский интерфейс поставляется с несколькими обновлениями. Он кроссплатформенный и может использоваться в приложениях React и React Native. Он меньше, чем Поппер; Popper весит 3кб, а Floating UI — 600 байт. Он также по умолчанию поддерживает древовидную структуру, а Поппер — нет. Плавающий пользовательский интерфейс — это не просто альтернатива Popper, а обновление с рядом преимуществ.
В этой статье мы узнаем о плавающем пользовательском интерфейсе и о том, как мы можем использовать его для создания плавающих элементов. https://shly.link/aMKpu
Плавающий пользовательский интерфейс поставляется с несколькими обновлениями. Он кроссплатформенный и может использоваться в приложениях React и React Native. Он меньше, чем Поппер; Popper весит 3кб, а Floating UI — 600 байт. Он также по умолчанию поддерживает древовидную структуру, а Поппер — нет. Плавающий пользовательский интерфейс — это не просто альтернатива Popper, а обновление с рядом преимуществ.
В этой статье мы узнаем о плавающем пользовательском интерфейсе и о том, как мы можем использовать его для создания плавающих элементов. https://shly.link/aMKpu
Интеграция Axios с React Hooks
В этой статье вы увидите, как вы можете интегрировать Axios с вашим приложением React, создав собственный хук React. Вы научитесь использовать Axios, а также научитесь создавать вокруг него удобную оболочку.
https://shly.link/Wgnvt
В этой статье вы увидите, как вы можете интегрировать Axios с вашим приложением React, создав собственный хук React. Вы научитесь использовать Axios, а также научитесь создавать вокруг него удобную оболочку.
https://shly.link/Wgnvt
React v18.0
React 18 теперь доступен на npm!
В этом посте мы дадим обзор того, что нового в React 18, и что это значит для будущего. https://shly.link/BfT03
React 18 теперь доступен на npm!
В этом посте мы дадим обзор того, что нового в React 18, и что это значит для будущего. https://shly.link/BfT03
react.dev
React v18.0 – React
The library for web and native user interfaces
Почему React 18 сломал ваше приложение
Причина, по которой ваше приложение сломалось в React 18, заключается в том, что вы используете файлы StrictMode.
https://shly.link/devhF9y
Причина, по которой ваше приложение сломалось в React 18, заключается в том, что вы используете файлы StrictMode.
https://shly.link/devhF9y
Руководство по работе с формами и полями ввода в React
https://betterprogramming.pub/a-guide-to-working-with-forms-and-input-fields-in-react-403d64aaedf3
https://betterprogramming.pub/a-guide-to-working-with-forms-and-input-fields-in-react-403d64aaedf3
Medium
A Guide to Working With Forms and Input Fields in React
All about controlled and uncontrolled components in React
Создайте адаптивную панель навигации с помощью React и CSS
Создание адаптивных навигационных меню для конечных пользователей вряд ли когда-либо было простым процессом. Разработчики внешнего интерфейса должны учитывать определенные параметры, такие как точки останова устройства и доступность, чтобы создать приятную навигацию. Это может стать более сложным во внешних фреймворках, таких как React, где CSS-in-JS имеет тенденцию становиться сложнее.
В этом посте вы узнаете, как создать адаптивную панель навигации с помощью CSS и React Hooks.
https://shly.link/SNK39
Создание адаптивных навигационных меню для конечных пользователей вряд ли когда-либо было простым процессом. Разработчики внешнего интерфейса должны учитывать определенные параметры, такие как точки останова устройства и доступность, чтобы создать приятную навигацию. Это может стать более сложным во внешних фреймворках, таких как React, где CSS-in-JS имеет тенденцию становиться сложнее.
В этом посте вы узнаете, как создать адаптивную панель навигации с помощью CSS и React Hooks.
https://shly.link/SNK39
Использование FileReaderAPI для предварительного просмотра изображений в React
В среде браузера клиенты могут инициировать загрузку изображений, просматривая файлы с помощью inputэлемента или API перетаскивания . Затем вы можете использовать URLAPI или FileReaderAPI для чтения файлов изображений и их предварительного просмотра.
Хотя предварительный просмотр изображений с помощью URLAPI прост, использование FileReaderAPI может быть сложным. Поэтому в этой статье вы узнаете, как просматривать изображения в приложении React с помощью FileReaderAPI. Мы рассмотрим как одиночные, так и пакетные предварительные просмотры изображений. https://shly.link/4sKrV
В среде браузера клиенты могут инициировать загрузку изображений, просматривая файлы с помощью inputэлемента или API перетаскивания . Затем вы можете использовать URLAPI или FileReaderAPI для чтения файлов изображений и их предварительного просмотра.
Хотя предварительный просмотр изображений с помощью URLAPI прост, использование FileReaderAPI может быть сложным. Поэтому в этой статье вы узнаете, как просматривать изображения в приложении React с помощью FileReaderAPI. Мы рассмотрим как одиночные, так и пакетные предварительные просмотры изображений. https://shly.link/4sKrV