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

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

По иным темам @un_ixtime
Download Telegram
Все о хуке React Proposed New use()

В этом посте мы рассмотрим, как выглядит новая функция, какие проблемы она решает и какие проблемы поднимаются.

https://shly.link/udg4F
Создайте многоязычный веб-сайт с помощью React за 3 минуты

Если вы ищете способ создать веб-сайт, использующий несколько языков. Это место для вас.
https://shly.link/devyrKX
Создание сайта портфолио на React с помощью Locomotive Scroll

В этой статье мы рассмотрим пакет , или Locomotive Scroll, как мы его назовем, библиотеку для обработки и создания различных анимаций прокрутки в React.react-locomotive-scroll

https://shly.link/Z318v
В React нет магии

Повестка дня
Резюме того, что такое Scope и Closures в JavaScript.
Как эти две концепции влияют на наши потоки в React (с useState).
Разница между обновлением состояния с помощью значения и с помощью функции обновления.
Резюме ссылок на объекты в JavaScript.
Как работать со ссылками в React.

https://shly.link/2QLhY
Реализация 3D-Графики В React

В React есть разные библиотеки для рендеринга 3D. В этой статье мы сосредоточимся на том, как использовать библиотеку Three.js , библиотеку React Three Fiber и библиотеку React Three Drei для создания 3D-объектов.

https://shly.link/zRvsx
Каково будущее ReactJS?

Будущее ReactJS: понять, почему именно за ним будущее веб-разработки, подробное сравнение фреймворка ReactJS с другими, включая таблицу.

https://shly.link/WwWp2
use(): новый экспериментальный хук React🚀

Команда React и сообщество JavaScript обсуждают хук под названием «use», и я вижу много ажиотажа по поводу этой новой функции. Посмотрите, как это реализовать и возможности на ближайшее время.🔮
https://shly.link/qT9CH
TypeScript для разработчиков React — чем полезен TypeScript и как он работает

Идея этой статьи состоит в том, чтобы пройтись по основам TS и понять преимущества. Это должно помочь вам решить, хотите ли вы эти преимущества или нет. Затем во втором разделе этой статьи я расскажу об особенностях TS с React.

https://shly.link/jjNjq
Создание регистрации и логина с двухфакторной аутентификацией на React

В этой статье вы узнаете, как создать приложение, использующее двухфакторную аутентификацию с помощью React, Novu и Node.js.

https://shly.link/devv8Sc
5 вещей, которые мы можем сделать, чтобы уменьшить время загрузки приложения React

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

https://shly.link/qPvPU
Рекурсивные компоненты в React: реальный пример

В этой статье мы подробно рассмотрим рекурсивные компоненты в React и их использование в реальном приложении.
https://shly.link/ibL06
Руководство по модульному тестированию React + набор инструментов для тестирования Redux

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

https://shly.link/kM9p6
Управления доступом на основе ролей в React

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

https://shly.link/zcDzq
Использование Material UI с React

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

https://shly.link/qKUgw
Выделитесь на собеседовании по React, отобразив список как профессионал

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

https://shly.link/devezqu
Защищенный маршрут Reactjs

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

Чтобы создать защищенный маршрут, вам нужно использовать компонент React Router Route и указать путь, который вы хотите защитить. Затем вы можете использовать функцию поддержки рендеринга для условного рендеринга компонента, который вы хотите защитить.

Если пользователь не аутентифицирован, он будет перенаправлен на страницу входа. В противном случае они смогут получить доступ к защищенному маршруту.

https://shly.link/devWaUN
React — лучшие практики

При работе над приложением React соблюдение следующих соглашений по кодированию обеспечит вам лучший опыт разработки

https://shly.link/devShfK
Forwarded from Angular Vue js React
Лучшие JavaScript бесплатные и открытые библиотеки и виджеты для работы с сетками данных

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

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

В этой статье я дам вам краткий обзор пяти таких библиотек. Давайте начнем.

https://shly.link/nsZ4w
8 потрясающих проектов React на Github

Сегодня я поделюсь 8 отличными проектами React на Github. Я надеюсь, что изучение исходного кода этих проектов поможет всем лучше понять React и писать более чистый код React!

https://shly.link/mdmi0bs
Лучший Backend как услуга для вашего приложения React

Если вы создаете приложение самостоятельно или с ограниченным бюджетом, вы можете рассмотреть возможность использования серверной части как услуги (BaaS). Это позволяет вам сосредоточиться на внешнем интерфейсе вашего приложения, но при этом иметь полнофункциональное приложение с базой данных, проверкой подлинности и многим другим.

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

https://shly.link/50rGC
Учебное пособие по библиотеке тестирования React — как писать модульные тесты для приложений React

В этом уроке вы узнаете, как уверенно писать модульные тесты с помощью Testing Library . Это очень популярная тестовая библиотека React для написания модульных тестов.

https://shly.link/Ha9gA