⚛️ Как правильно использовать useCallback в React

#react

✍️ @React_lib

⚛️ Знали ли вы, что можно использовать пересечение типов для легкого расширения нативных свойств элементов в React

#react

✍️ @React_lib

⚛️ React useEffect vs useLayoutEffect

#react

✍️ @React_lib

⚛️ Как типизировать обобщенные компоненты в React с помощью TypeScript

#react

✍️ @React_lib

⚛️ Знаете ли вы, как и когда использовать flushSync в React?

Используйте flushSync, чтобы принудительно выполнить немедленный рендеринг обновлений, обходя обычную пакетную отрисовку.

Полезно при интеграции с сторонним кодом, таким как браузерные API или UI-библиотеки.

#react

✍️ @React_lib

⚛️ Как работает процесс рендеринга в React

#react

✍️ @React_lib

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

#react

✍️ @React_lib

⚛️ Совет по React: Если вам нужно импортировать серверный компонент в клиентском компоненте, передайте его как prop (children) ↓

#react

✍️ @React_lib

⚛️ Одной из самых сложных вещей для меня при изучении React была разделение ответственности.

Когда стоит вынести JSX в новые компоненты? Когда создавать кастомные хуки?
Как можно абстрагировать слой данных от представления?

Вот короткое видео о том, как это сделать

#react

✍️ @React_lib

❌ Избегайте отслеживания изменений ref с помощью useEffect() в React.

✅ Вместо этого используйте функцию обратного вызова ref.

#react

✍️ @React_lib

Подборка библиотек React

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

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

• Starting a new React Project
• Package Manager for React
• React State Management
• React Data Fetching
• Routing with React Router
• CSS Styling in React
• React UI Libraries
• React Animation Libraries
• Visualization and Chart Libraries in React
• Form Libraries in React
• React Type Checking
• Code Structure in React
• React Authentication
• React Backend
• React Database
• React Hosting
• Testing in React
• React and Immutable Data Structures
• React Internationalization
• Rich Text Editor in React
• Payments in React
• Time in React
• React Desktop Applications
• File Upload in React
• Mails in React
• Drag and Drop
• Mobile Development with React
• React VR/AR
• Design Prototyping for React
• React Component Documentation

✍️ @React_lib