made with react.js

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

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


React Loosely Lazy Async Component Loading Library
#Utilities
icon-eye-dark Created with Sketch. 319
Cosmic JS Headless CMS API & Toolkit - React Starter
#Utilities #CMS
icon-eye-dark Created with Sketch. 957
Sentry for React React Error Monitoring
💙 Sponsored by Friends
image-ring Created with Sketch.
Do you want to marry us? Subscribe to our newsletter!
Get our Newsletter
Rooks Collection of React Hooks
#Utilities
icon-eye-dark Created with Sketch. 1.663
use-shader-fx Shader Effect Library
#Animation #Utilities
icon-eye-dark Created with Sketch. 116
View all Projects
COMMUNITY SPONSORS
React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more