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

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

По иным темам @un_ixtime
Download Telegram
Создайте 5 веб-приложений за 10 часов, используя Next.js, React.js и Tailwind CSS.

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

https://shly.link/tKsJ5
React Refs

Refs предоставляют способ доступа к узлам DOM или элементам React, созданным в методе рендеринга.

https://shly.link/dev1GEe
Как передавать данные между страницами в react-router-dom V6?

___________________________

С момента выпуска react-router v6 прошло уже много времени, но большинству разработчиков все равно сложнее привыкнуть к нему. Мне тоже поначалу было сложнее. Я думаю, это может быть из-за неясной документации или мы, люди, сильно привязались к react-router v5. Но тем не менее, поскольку модули обновляются, мы тоже должны обновляться.

В этом руководстве я не буду объяснять вам, как использовать react-router-dom v6 в вашем проекте.

https://shly.link/QL0cZ
Создайте индикатор состояния загрузки jsPDF с помощью React

___________________________

Мы собираемся использовать библиотеку jsPDF для создания и сохранения наших PDF-файлов, React-hot-toast для отображения наших уведомлений и React в качестве предпочтительной среды пользовательского интерфейса JavaScript.

https://shly.link/5AzQp
Система комментариев с использованием React и GitHub Discussions
______________

Узнайте, как добавить систему комментариев в свое приложение ReactJS с помощью обсуждений GitHub. Это позволяет аутентифицированным пользователям оставлять комментарии.

https://shly.link/XqXJg
Превратите свой сайт в приложение для Android с помощью конденсатора 😱.
_______________

В этой статье мы узнаем, как преобразовать веб-сайт или веб-приложение в приложение для Android, которое можно развернуть в магазине Android Play
https://shly.link/WUqCU
Как создать клон Google Docs с помощью React, Material UI и Firebase
_______________

В этой статье мы создадим клон Google Docs, используя React, Material UI и Firebase.
https://shly.link/dU73U
Курс разработчика React 2022

___________________

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

-Node.js ( экспресс.js и гнездо.js )
-MongoDB и PostgreSQL
-Докер
-Машинопись
-React (хуки и контекстный API)
-Сборник рассказов.js
-Jest , библиотека тестирования React и Cypress (модульное тестирование, интеграционное тестирование, сквозное тестирование)

https://shly.link/8cGaT
Сравнение приложений Astro и Next для React

__________________

В этой статье сравнивается опыт разработчиков Astro и Next.js в создании невероятно быстрых веб-приложений. В этой статье вы изучите основы Astro и Next.js, а также подробное сравнение двух фреймворков React. Для этой статьи вы должны быть знакомы с основами React (поскольку Astro и Next.js являются платформами React) и с тем, как создавать компоненты. Прежде чем мы перейдем к подробному сравнению, важно иметь базовые знания об Astro и Next.js.

https://shly.link/yKwiG
Этот курс даст вам навыки и знания, чтобы стать разработчиком программного обеспечения с полным стеком.
_______________
Мы будем создавать супер-базовый клон Twitter с функциями CRUD для публикации, чтения и удаления твитов.
https://shly.link/8cGaT
React 18: Разбивка функций
_________________________

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

В этой статье вы узнаете, как работают эти функции и что они значат для вас как разработчика React.
https://shly.link/dggs9
Используйте Vite для приложений React вместо CRA
___________________________________

Перенесите свое приложение CRA на Vite для более быстрой разработки и производственных сборок.

https://shly.link/TYpZ1
Аутентификация в React 18 с использованием Firebase v9
_______________

В этой статье мы реализуем поток аутентификации в React 18 с использованием Firebase v9 Web SDK.
https://shly.link/G3M0o
Как установить React.js в Windows
______________________________

В этой статье мы рассмотрим, как установить ReactJS в Windows или как установить React в нашей системе. Поэтому, не теряя времени, давайте начнем нашу статью:

https://shly.link/dev4WnD
🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/hZtL/
UseTransition() против UseDeferredValue() в React 18
_______________

https://shly.link/FuzoU
Создание децентрализованного приложения для чата с помощью React и GunJs Tutorial
_______________

https://shly.link/PShkF
This media is not supported in your browser
VIEW IN TELEGRAM
Создание индикатора прогресса подсчета символов в React
___________________________________

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

https://shly.link/dev6F4p
Использование Ultra, нового веб-фреймворка React
____________________________________

В этой статье вы узнаете о новой платформе React под названием Ultra , которая использует Deno и React и ориентирована на использование веб-потоков и встроенных функций в браузере.

https://shly.link/a9Tk9
Очистка кода React.
____________________________

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

https://shly.link/AGts7
Часть 2: Очистка кода React.
________________________________

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

https://shly.link/L7A6c