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

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

По иным темам @un_ixtime
Download Telegram
Использование Ultra, нового веб-фреймворка React
____________________________________

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

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

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

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

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

https://shly.link/L7A6c
teaful-Крошечная, простая и мощная библиотека управления состоянием React
_______________________________

📦 ・Tiny : пакет размером менее 1 КБ для управления вашим состоянием в React и Preact.
🌱 ・Легко : вам не нужны действия, редукторы, селекторы, соединения, провайдеры и т. д. Все можно сделать самым простым и удобным способом.
🚀 ・Мощный : при обновлении свойства магазина повторно отображаются только его компоненты. Это не повторный рендеринг компонентов, использующих другие свойства хранилища.

https://shly.link/gh21ek
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