home.social

#react_hooks — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #react_hooks, aggregated by home.social.

  1. [Перевод] React Custom Hook: useDebounce

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

    habr.com/ru/articles/934406/

    #website_development #webdev #javascript #react #reactjs #reactjs #react_hooks #frontend #frontend #frontend_разработка

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

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

    habr.com/ru/companies/otus/art

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

  3. useActionState: новый герой в мире React

    Привет, React-энтузиаст! Случалось ли тебе писать логику для форм, где нужно не только обработать кучу полей, но и синхронизировать их с асинхронными действиями (запросы, загрузка данных, показ успеха или ошибок)? Если да, то, возможно, ты уже слышал об экспериментальном хуке useFormState в React. Однако на смену ему пришёл более мощный инструмент - useActionState . В статье обсуждается, почему прежний подход ушёл на пенсию, чем хорош новый, и как он может упростить жизнь каждому фронтенд-разработчику.

    habr.com/ru/articles/870216/

    #react #useActionState #JavaScript #Frontend #react_hooks #react_hook_form #вебразработка #асинхронные_операции

  4. [Перевод] React Custom Hook: useRenderCount

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

    habr.com/ru/articles/828726/

    #react #reactjs #reactjs #react_hooks #frontend #frontend #frontend_разработка #frontendразработка #frontend_development #frontend_development

  5. Запросы, хуки и спагетти

    Привет, Хабр! Во время разработки веб-приложений мы порой используем хук useEffect в компонентах для выполнения запросов на сервер. Однако не всегда очевидно, что смешивание логики с интерфейсом может привести к усложнению кодовой базы. В этой статье мы рассмотрим, как неправильное разделение ответственности может негативно сказаться на ваших компонентах, и какие подходы помогут избежать подобных проблем.

    habr.com/ru/articles/796143/

    #useeffect #reactquery #react #react_hooks #javascript

  6. Запросы, хуки и спагетти

    Привет, Хабр! Во время разработки веб-приложений мы порой используем хук useEffect в компонентах для выполнения запросов на сервер. Однако не всегда очевидно, что смешивание логики с интерфейсом может привести к усложнению кодовой базы. В этой статье мы рассмотрим, как неправильное разделение ответственности может негативно сказаться на ваших компонентах, и какие подходы помогут избежать подобных проблем.

    habr.com/ru/articles/796143/

    #useeffect #reactquery #react #react_hooks #javascript