#usestate — Public Fediverse posts

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

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

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

#React #useState #useEffect #useCallback #useMemo #useRef #Reactmemo #StrictMode #Concurrent_Mode #фронтенд

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

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

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

#React #useState #useEffect #useCallback #useMemo #useRef #Reactmemo #StrictMode #Concurrent_Mode #фронтенд

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

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

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

#React #useState #useEffect #useCallback #useMemo #useRef #Reactmemo #StrictMode #Concurrent_Mode #фронтенд

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 の state とは何かを改めて整理した
https://qiita.com/ryo_sh/items/ef1af33a71b1e4ead816?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #useState

React の state とは何かを改めて整理した
https://qiita.com/ryo_sh/items/ef1af33a71b1e4ead816?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #useState

React useStateの「prev」「...prev」「[key]」の意味と使い方をやさしく解説
https://qiita.com/kazutorahattori/items/4575e1b6e41463e3dbf4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #GoogleMapsAPI #React #フィルター #useState

React useStateの「prev」「...prev」「[key]」の意味と使い方をやさしく解説
https://qiita.com/kazutorahattori/items/4575e1b6e41463e3dbf4?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #GoogleMapsAPI #React #フィルター #useState

Как тестировать хуки в React с @testing-library/react-hooks

Привет, Хабр! Сегодня рассмотрим, как тестировать React‑хуки с помощью @testing-library/react-hooks .

https://habr.com/ru/companies/otus/articles/923214/

#react #React_Hooks #Тестирование_React #Юниттесты #Хуки #useState #useCallback

Как тестировать хуки в React с @testing-library/react-hooks

Привет, Хабр! Сегодня рассмотрим, как тестировать React‑хуки с помощью @testing-library/react-hooks .

https://habr.com/ru/companies/otus/articles/923214/

#react #React_Hooks #Тестирование_React #Юниттесты #Хуки #useState #useCallback

Как тестировать хуки в React с @testing-library/react-hooks

Привет, Хабр! Сегодня рассмотрим, как тестировать React‑хуки с помощью @testing-library/react-hooks .

https://habr.com/ru/companies/otus/articles/923214/

#react #React_Hooks #Тестирование_React #Юниттесты #Хуки #useState #useCallback

Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера

Не так давно я смотрел ничем не примечательный ролик про техническое интервью и услышал фразу от интервьюируемого фразу: «Ну можно написать свой useReducer или useState» — и мне захотелось вдруг попробовать ибо я никогда в серьез не задумывался как они работают под капотом и принялся за дело.

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

#react #usestate #usereducer #hook #store #state_management #typescript #javascript

Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера

Не так давно я смотрел ничем не примечательный ролик про техническое интервью и услышал фразу от интервьюируемого фразу: «Ну можно написать свой useReducer или useState» — и мне захотелось вдруг попробовать ибо я никогда в серьез не задумывался как они работают под капотом и принялся за дело.

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

#react #usestate #usereducer #hook #store #state_management #typescript #javascript

Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера

Не так давно я смотрел ничем не примечательный ролик про техническое интервью и услышал фразу от интервьюируемого фразу: «Ну можно написать свой useReducer или useState» — и мне захотелось вдруг попробовать ибо я никогда в серьез не задумывался как они работают под капотом и принялся за дело.

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

#react #usestate #usereducer #hook #store #state_management #typescript #javascript

【注意喚起】ReactのuseStateの値がすぐに更新されない理由を誤って理解しがちな件について
https://qiita.com/haruki-lo-shelon/items/38b5e5f7842892b4485f?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #useState