REact
1.8K subscribers
249 photos
2 videos
2 files
994 links
Статьи, уроки, инструменты и все что связано с reactjs.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Download Telegram
Чем React Native отличается от обычного ReactJS?
______

Вы когда-нибудь слышали о React Native (RN), но до сих пор не знаете, что это такое? Он очень похож на ReactJS, однако есть некоторые существенные отличия. Самый большой из них заключается в том, что React Native используется для создания нативных приложений для Android и iOS, а React используется для веб-разработки.
https://shly.link/NUFgT
Что такое ESLint и как его использовать в React?
______
ESlint — это библиотека с открытым исходным кодом, которая обычно используется разработчиками React для обеспечения соблюдения правил соблюдения стандарта кода во всем проекте. Он полностью настраиваемый, поэтому вы можете настроить нужные правила самостоятельно.
https://shly.link/UvniZ
Отправка писем из React с помощью EmailJS
______

EmailJS — это библиотека JavaScript, которая помогает отправлять электронные письма, используя только клиентские технологии. Самое классное в EmailJS то, что серверы не требуются; все, что вам нужно сделать, это подключить его к одной из поддерживаемых почтовых служб, создать шаблон электронной почты и использовать EmailJS для запуска электронной почты.
https://shly.link/wvZD0
Как использовать анимацию Lottie и React JS? 🖌
______

Наверняка вы видели на веб-страницах некоторые элементы, подобные GIF, которые привлекают много внимания из-за их движения и дизайна, и вам интересно: что это за элементы? и как я могу использовать их на своей веб-странице? ?

https://shly.link/devKRep
7 советов по очистке кода React TypeScript, которые вы должны знать 🧹
______

Чистый код — это не код, который просто работает. Это относится к аккуратно организованному коду , который легко читается , прост для понимания и легок в обслуживании .

Давайте взглянем на некоторые из лучших практик для чистого кода в React , которые могут значительно облегчить поддержку вашего кода!
https://shly.link/devaLBo
Чтение за 10 минут: понимание React Suspense с визуальными элементами и кодом
______

Пристегнитесь! Мы отправляемся в захватывающий тур по React Suspense.
https://shly.link/6GAh5
Как использовать Three.js и React для рендеринга 3D-модели себя
_______________________________

В этой статье мы расскажем, как визуализировать и настраивать 3D-ресурсы, созданные в 3D-программах, таких как Blender или Maya, в проекте React с использованием react-three-fiber. К концу этой статьи вы сможете отображать 3D-модели (gltf / glb) на своем веб-сайте.

https://shly.link/dev8n0L
This media is not supported in your browser
VIEW IN TELEGRAM
Когда вы впервые пробуете хуки React Join us😃
Использование Mantine с React и Next
______
Mantine — это многофункциональная среда компонентов React, которая позволяет быстро создавать полнофункциональные и доступные онлайн-приложения. Он имеет несколько пользовательских компонентов и хуков, которые можно динамически использовать в проекте. Некоторые из функций Mantine включают в себя создание тем, повторно используемые компоненты и некоторые уникальные функции для управления состоянием и пользовательским интерфейсом, которые можно использовать для создания пользовательских компонентов.
https://shly.link/pjEUm
Recoil: будущее управления состоянием для React?
______

Управление состоянием является важным аспектом разработки всех веб-приложений. До сих пор область управления состоянием React была монополизирована Redux : хорошо написанная библиотека управления состоянием почти для всех крупномасштабных приложений React.

Несмотря на то, что Redux на протяжении многих лет предлагал простые плагины, такие как Redux Toolkit, в ранних версиях Redux разработчики всегда боролись с ручной процедурой изменения глобальных состояний путем создания глобального хранилища данных и подключения каждого компонента для его использования.

Recoil — это гораздо более простое решение для управления состоянием, написанное для приложений React. В этой статье мы рассмотрим, как Recoil пытается улучшить управление состоянием для приложений React.
https://shly.link/1FXEU
Руководство Ultimate React Router v6
______

React Router — самая популярная библиотека маршрутизации в React, но может быть немного сложно понять некоторые из более сложных функций. Вот почему в этой статье я расскажу все, что вам нужно знать о React Router, чтобы вы могли с легкостью использовать даже самые продвинутые функции.
https://shly.link/a1Mwy
Как интернационализировать ваше приложение React
____________________________________

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

https://shly.link/GHnov
Понимание разницы между хуками React useEffect и useLayoutEffect
_______________________________

В этой статье мы рассмотрим, чем они отличаются друг от друга, а также варианты их использования.

https://shly.link/fHpEx
useMemo и useCallback в React

Если мы хотим понять, как useMemoэто useCallback работает, нам нужно понять, как мемоизация работает как концепция программирования. https://shly.link/cDW5b
Как аутентифицировать пользователя с помощью распознавания лиц в React.js
____________________________

В этом руководстве мы обсудим различные методы аутентификации, которые вы можете использовать для аутентификации пользователей. К ним относятся аутентификация по электронной почте и паролю, аутентификация по телефону, OAuth, магические ссылки без пароля и, наконец, аутентификация по лицу.

В этой статье основное внимание будет уделено аутентификации с помощью методов распознавания лиц.

https://shly.link/YcsP0
useMemo() и useState() — как я понял разницу и использование

Когда я впервые начал использовать React, я знал только об хуках useState()и useEffect(), а теперь использую их почти каждый день.
https://shly.link/mKaLd
Архитектура приложений React, как в 2030 году
_____________________________

Есть одна проблема, с которой сталкивается каждый разработчик React на своем пути. Вот как структурировать хорошую архитектуру приложения.

Эта статья поможет вам избежать некоторых распространенных ошибок, которые большинство из нас совершает при разработке реагирующих приложений, и даст вам правильный способ структурировать ваши каталоги.

https://shly.link/mdm4mMY
Чем реквизиты и состояния отличаются в React?
_____________________________

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

Что такое реквизиты и состояния в React? (Вкратце)
В чем разница между реквизитами и состояниями в React?
Резюме
Итак, давайте закончим эту статью без дальнейших задержек!

https://shly.link/7euYk
Микро-фронтенд с React и Next.js

Работа над крупномасштабным проектом и управление его кодовой базой может стать большой проблемой для команд. Хотя микрофронтенды появились уже некоторое время, они становятся все более популярными благодаря своим уникальным функциям и удобству использования.
https://shly.link/AXg7R
Как избежать проблем с CORS в React/Next.js
__________________________

Если вы когда-либо писали код внешнего интерфейса, вы, вероятно, уже сталкивались с ошибкой CORS. В этом посте мы рассмотрим, как их исправить.

https://shly.link/JQjQj
Как создать систему аукционов в реальном времени с помощью Socket.io и React.js 🤯

В этой статье я расскажу о Websockets и конкретно о библиотеке Node.js — Socket.io
https://shly.link/devZnh4