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

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

По иным темам @un_ixtime
Download Telegram
Демистификация React с использованием Callback Hook

В этой статье дается подробное объяснение хука useCallback в React. useCallback помогает избежать ненужных повторных рендеров за счет мемоизации функций обратного вызова, обеспечивая их воссоздание только в случае необходимости. На примерах кода в статье объясняется мемоизация - ключевая концепция useCallback, а также React.memo, компонент, используемый для мемоизации целых компонентов React. https://semaphoreci.com/blog/react-usecallback-hook
Оптимизация производительности в приложениях React

Улучшите скорость вашего приложения React: лучшие практики по оптимизации производительности

https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications
Как использовать React Suspense для улучшения ваших проектов React

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

React Suspense — одна из таких функций, которая стала довольно популярной среди разработчиков React.

В этом руководстве вы узнаете все о React Suspense и изучите его функции, варианты использования и потенциал для преобразования ваших веб-приложений. https://www.freecodecamp.org/news/react-suspense
Я собрал лучшие компоненты React, которые вы можете использовать для создания мощного веб-приложения.

https://dev.to/copilotkit/reacts-giving-11-react-components-for-aspiring-pros-eck
Как создать модульную библиотеку React?
Узнайте, как создать модульную библиотеку React с помощью Storybook и Bit.

https://blog.bitsrc.io/how-to-create-a-modular-react-library-6c6e919ff92c
Как создать анимацию прокрутки с помощью React, Tailwind CSS и Framer Motion

Библиотека Framer Motion упрощает интеграцию анимации в ваши приложения React. С помощью нескольких строк кода вы можете решить задачу, которая может показаться сложной. https://www.freecodecamp.org/news/create-scroll-animations-with-framer-motion-and-react
Использование шаблона проектирования прокси с React
Изучите использование шаблона проектирования прокси в среде React.

https://blog.bitsrc.io/proxy-design-pattern-with-react-c0b465980fbf
Параллелизм — одна из важных вещей, которые мы получили с выпуском React 18. Поскольку эта функция полностью доступна, а React 18 обратно совместим с предыдущими версиями, вы можете даже не заметить новые функции. Если вы хотите наверстать упущенное и наконец узнать, что такое параллелизм, как он работает и как он может улучшить ваше приложение — продолжайте читать.

https://sinja.io/blog/guide-to-concurrency-in-react-18
Новая волна управления состоянием React
Поймите основные проблемы, которые библиотеки управления состоянием должны решить. И как распространение современных библиотек решает их по-новому.

https://frontendmastery.com/posts/the-new-wave-of-react-state-management
Обработка Ошибок В React: Руководство По Границам Ошибок

Эффективное управление ошибками жизненно важно для создания отказоустойчивых и удобных для пользователя приложений React. Когда ваше приложение сталкивается с непредвиденной ошибкой, важно обеспечить изящный способ обработки и представления этих ошибок пользователям, сохраняя при этом его функциональность. Границы ошибок React предлагают мощный механизм для достижения этой цели, и в этой статье мы рассмотрим, что это такое, как их реализовать, а также лучшие практики для них.
https://blog.openreplay.com/error-handling-in-react--a-guide-to-error-boundaries
Современный подход к разработке React

Создавайте компонуемые и модернизированные приложения React с помощью Bit!
https://blog.bitsrc.io/modern-approach-to-react-development-090358b04e7d
Хитрости React: быстро, удобно и веселоУроки и приемы, извлеченные при разработке микробиблиотеки

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

https://molefrog.com/notes/react-tricks