made with react.js

#Utilities
icon-eye-dark Created with Sketch. 336

React Magnetic DI

Dependency Injection & Replacement for React Components and Hooks

Visit Site

Description

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."

Creator

Alberto Gasparin
@albertogasparin

Social Media Links

Related Projects


flooks State Manager for React Hooks
#Utilities
icon-eye-dark Created with Sketch. 213
React Native IAP React Native Module for In App Purchasing
#Native #Utilities
icon-eye-dark Created with Sketch. 112
Sentry for React React Application Monitoring
💙 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
Nice Modal Modal State Manager
#Utilities
icon-eye-dark Created with Sketch. 277
React I18nify Translation & Localization Library
#Utilities
icon-eye-dark Created with Sketch. 174
View all Projects
COMMUNITY SPONSORS
Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more