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

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

По иным темам @un_ixtime
Download Telegram
8 распространенных сообщений об ошибках React и способы их устранения
______________________________

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

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

Эта статья поможет вам понять эти детали, рассмотрев некоторые из наиболее распространенных сообщений об ошибках React и объяснив, что они означают, каковы их последствия и как их исправить.
https://shly.link/devwhEP
Лучшие практики React Hooks в 2022 году
_____________________________________

В этой части мы предоставим вам шесть стратегий использования React Hooks в ваших компонентах:

https://shly.link/devaFcU
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать эффект бесконечной прокрутки с помощью React
_______________________________

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

https://shly.link/k2gts
Создание пользовательского интерфейса — быстро
_______________

Создавайте компоненты React визуально. Синхронизируйтесь с вашей кодовой базой.

https://shly.link/53q8f
Структура проекта React для масштабирования: декомпозиция, слои и иерархия
_______________

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

https://shly.link/devmhTg
Скучные аватары: библиотека React для создания пользовательских аватаров. Эта библиотека ( репозиторий GitHub ) — от обычных градиентов до лицевых творений —создает настраиваемые круглые аватары на основе SVG с любым именем пользователя и цветовой палитрой.
19 репозиториев GitHub, чтобы стать мастером React ⚛️🧙
_______________

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

https://shly.link/dev9wUC
Шаблон расширения браузера с поддержкой React, Typescript, Preact
_______________

Шаблон расширения браузера с поддержкой React, Preact, Typescript и Manifest V3 большинства браузеров, включая Chrome, Firefox, Safari, Edge, Brave.

https://shly.link/ghYStS
This media is not supported in your browser
VIEW IN TELEGRAM
Современная загрузка файлов — компоненты и хуки для React
_______________

React-Uploady — это легкая библиотека, позволяющая создавать (на стороне клиента) функции загрузки файлов всего несколькими строками кода.

https://shly.link/gh267y
Библиотеки управления состоянием React в 2022 году
_______________

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

https://shly.link/kPMQ6
Glide Data Grid 4: быстрая сетка данных для проектов React
_______________
— позиционирует себя как «невероятно быстрая сетка данных» , которая может поддерживать до миллионов строк с богатым рендерингом и поддержкой TypeScript. На домашней странице есть аккуратная демонстрация, и она также лицензирована MIT.

https://shly.link/ghavpL
Бесплатная автономная CMS TypeScript с открытым исходным кодом и среда приложений, созданная с помощью Express, MongoDB и React.
______________

https://shly.link/ghn404
13 библиотек, которые вы должны знать как разработчик React
______________________________________

Быть современным разработчиком React — это не только понимать основные концепции React, но и хорошо разбираться во всей экосистеме React.

Это включает в себя знание и опыт работы с различными библиотеками React, которые вы можете использовать в своем приложении, чтобы значительно упростить процесс разработки.

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

Итак, вот 13 замечательных библиотек React, о которых вы должны знать как разработчик React.

https://shly.link/z8YiT
Как получить классную анимацию в ваших проектах React
_______________


Проект сделан с помощью Next и TypeScript, но вы можете применить все концепции к обычному проекту React с JavaScript.
https://shly.link/SC32e
Элементы, компоненты и экземпляры React
___________________________________

Элементы, компоненты и экземпляры React — это разные термины в React, которые тесно связаны друг с другом. Это руководство проведет вас по всем трем терминам и объяснит их шаг за шагом.

https://shly.link/R1XDT
Как обрабатывать ошибки в React
______________________________

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

https://shly.link/ub6Bh
React + TypeScript + ESLint + Prettier Full Setup ✈️
_______________

Прежде чем приступить к изучению этого руководства, важно понять, зачем нам нужна эта конфигурация. Итак, позвольте мне познакомить вас с этими стеками по отдельности и помочь вам понять их преимущества.
https://shly.link/devfEhf
Как использовать Docker в ваших приложениях Node и React
__________________________________

В этом руководстве мы узнаем, как создать и запустить бэкэнд NodeJS Express и интерфейс React внутри контейнера Docker.

https://shly.link/devWNv8
Обработка и управление состоянием сервера с помощью React Query
______________________________________

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

https://shly.link/pYJhX
Как зациклить в React JSX
_____

Расширение синтаксиса Javascript (JSX) — это расширение JavaScript, разработанное и популяризированное фреймворком React, которое позволяет вам структурировать отрисовку элементов.
https://shly.link/bWVZU
Как получить классную анимацию в ваших проектах React
_______________________________

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

Проект сделан с помощью Next и TypeScript, но вы можете применить все концепции к обычному проекту React с JavaScript.

https://shly.link/SC32e