#useref — Public Fediverse posts

Scoped Store: Когда useReducer не тянет, а Redux — слишком

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

https://habr.com/ru/articles/1034926/

#react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

Scoped Store: Когда useReducer не тянет, а Redux — слишком

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

https://habr.com/ru/articles/1034926/

#react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

Scoped Store: Когда useReducer не тянет, а Redux — слишком

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

https://habr.com/ru/articles/1034926/

#react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

Scoped Store: Когда useReducer не тянет, а Redux — слишком

Когда локальный стейт в React-модуле начинает расти - разработчик инстинктивно тянется к useReducer+Context . Это работает, пока не перестаёт: ререндеры везде, провайдеры в елочку, логика размазана. В статье разбираю как этот путь выглядит в реальном продакшне на примере редактора субтитров, и почему паттерн Scoped Store на базе Context+Zustand+useRef решает эту проблему чище и проще.

https://habr.com/ru/articles/1034926/

#react #zustand #context_api #useReducer #useState #state_management #оптимизация_ререндеров #useRef #react_performance #frontend_architecture

React で ref をどう扱うかを整理する
https://qiita.com/ryo_sh/items/3271d742da296e6a4622?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #フロントエンド #React #useRef

React で ref をどう扱うかを整理する
https://qiita.com/ryo_sh/items/3271d742da296e6a4622?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #フロントエンド #React #useRef

音声遅延に悩む初心者Reactエンジニア必見！useRefとMapで作る音声キャッシュ
https://qiita.com/CodeLeaf/items/158e1fbd265cb748a117?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #map #キャッシュ #音声処理 #React #useRef

音声遅延に悩む初心者Reactエンジニア必見！useRefとMapで作る音声キャッシュ
https://qiita.com/CodeLeaf/items/158e1fbd265cb748a117?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #map #キャッシュ #音声処理 #React #useRef

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks

React: сфокусировать поле ввода по чекбоксу https://dev.to/jennypollard/react-sfokusirovat-polie-vvoda-po-chiekboksu-2cc5 #useref #react #hooks