Dependency injection in React

• node-fetch

  92 8,651 1.7 JavaScript

  A light-weight module that brings the Fetch API to Node.js

  

Now, in a Node environment, we can use node-fetch in conjunction with our ping function, like so:

• storybook

  323 82,947 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

Testing is not the only such environment. Platforms like Storybook streamline documentation and can do without using many of our hooks and business logic.

• SurveyJS

  surveyjs.io featured

  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.

  

• react-query

  190 27,869 9.1 TypeScript, JS

  Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

  

React Query is a prime example of this. We can use the same provider in both development and testing and feed it to different clients within each environment.

• msw

  149 14,878 9.2 TypeScript

  Seamless REST/GraphQL API mocking library for browser and Node.js.

  

Depending on the context, dependency injection might not be the right tool for the job. Data-fetching hooks, for instance, are better mocked using an interceptor (like MSW) instead of injecting hooks all over your test code, and outright mocking functions remains an advanced and cumbersome tool for bigger problems.

Suggest a related project