Testing Functions within Functional React Components

• react-hooks-testing-library

  18 5,201 1.5 TypeScript

  🐏 Simple and complete React hooks testing utilities that encourage good testing practices.

  

Relocating functions to a custom hook makes them accessible for testing (plus you’re keeping business logic separate from the UI, in accordance with best practices). There’s even a library to help with testing custom hooks: react-hooks-testing-library.

• bonniedotdev

  1 39 0.0 TypeScript

  code for the https://bonnie.dev website

Here’s an example of a custom hook with several related functions in my website code. Note that I don’t test this particular hook separately from the UI because it fits under this category in “When not to use the react-hooks library” : Your hook is easy to test by just testing the components using it.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project