React
2.82K subscribers
299 photos
124 videos
14 files
356 links
Подборки по React js и все что с ним связано. По всем вопросам @evgenycarter
Download Telegram
​React-query

Хуки для получения, кэширования и обновления асинхронных данных в React

• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое друго

https://github.com/TanStack/query

👉 @Githublib
Техники структурирования папок для начинающих и продвинутых проектов React

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

https://dev.to/fpaghar/folder-structuring-techniques-for-beginner-to-advanced-react-projects-30d7

✍️ @React_lib
Что такое Vite и почему вы должны использовать его вместо создания React-приложения?

Очень просто, Create React App (далее CRA) и Vite (произносится veet, в переводе с французского означает "быстрый") - это инструменты, которые помогают создавать новые React-приложения.

https://luketheweb.dev/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app

✍️ @React_lib
Переосмысление лучших практик React

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

К концу мы поймем, как меняются ментальные модели в таких фреймворках React, как Remix и каталог приложений в Next 13.

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

https://frontendmastery.com/posts/rethinking-react-best-practices/

✍️ @React_lib
4 совета по React для мгновенного улучшения вашего кода

Я хотел бы поделиться четырьмя советами, которые помогли мне в написании лучшего кода React. Надеюсь, вы найдете для себя что-то новое и полезное. Так что давайте приступим к делу!

https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3

✍️ @React_lib
Prop drilling and component composition in React

https://alexsidorenko.com/blog/react-prop-drilling-composition/

✍️ @React_lib
Многопоточное приложение React с использованием useWorker

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

https://dev.to/nilanth/multi-threaded-react-app-using-useworker-gf8

✍️ @React_lib
7 небольших и недооцененных библиотек React 🔥

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

https://dev.to/naubit/7-small-underrated-react-libraries-h54

✍️ @React_lib
6 подходов к выборке данных в React

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

https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3

✍️ @React_lib
Передача props компоненту

Компоненты React используют props для взаимодействия друг с другом. Каждый родительский компонент может передавать некоторую информацию своим дочерним компонентам, передавая им props. Props могут напоминать атрибуты HTML, но через них можно передавать любые значения JavaScript, включая объекты, массивы и функции.

https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children

✍️ @React_lib
Антипаттерны и лучшие практики React - "за" и "против

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

https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g

✍️ @React_lib