made with react.js

React Magnetic DI

Dependency Injection & Replacement for React Components and Hooks

Visit Site


Dependency Injection & Replacement for React Components and Hooks

"react-magnetic-di is a new take for dependency injection / dependency replacement for your tests, storybooks and even experiments in production.

Dependency injection and component injection is not a new topic. Especially the ability to provide a custom implementation of a component/hook while testing or writing storybooks and examples it is extremely valuable. react-magnetic-di takes inspiration from decorators, and with a touch of Babel magic and React Context / globals allows you to optionally override "marked" dependencies inside your components so you can swap implementations only when needed."


Alberto Gasparin

Social Media Links

React Native Sensors Get Sensor Data in React Native
icon-eye-dark Created with Sketch. 828
React Query Data Synchronization for React
icon-eye-dark Created with Sketch. 581
Sentry for React React Error Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Concent State Management System
icon-eye-dark Created with Sketch. 223
React Keydown Lightweight Keybinding for Components
icon-eye-dark Created with Sketch. 1.927