https://github.com/suhdev/strikejs-di
A ReactJS class to manage dependencies declaratively. Written in TypeScript.
https://github.com/suhdev/strikejs-di
Last synced: about 1 year ago
JSON representation
A ReactJS class to manage dependencies declaratively. Written in TypeScript.
- Host: GitHub
- URL: https://github.com/suhdev/strikejs-di
- Owner: suhdev
- Created: 2017-04-27T18:27:35.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-30T22:05:13.000Z (about 9 years ago)
- Last Synced: 2024-12-06T21:47:41.769Z (over 1 year ago)
- Language: JavaScript
- Size: 10.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# strikejs-di
A declarative way to manage dependencies in ReactJS applications. A ReactJS component written in TyepScript to manage dependencies.
```jsx
//ES6 imports
import * as DI from 'strikejs-di';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
//commonjs imports
const DI = require('strikejs-di');
const React = require('react');
const ReactDOM = require('react-dom');
function makeStore(){
let obj = {};
return {
set(key:string,val:any){
obj[key] = val;
return this;
},
get(key:string){
return obj[key];
}
};
}
const store = makeStore();
store.set('test1','Just a test')
.set('test2',2)
.set('test3',{
firstName:"John",
lastName:"Doe"
}});
class C1 extends React.Component{
render(){
return (
{this.props.dep1}
{this.props.dep2}
);
}
}
class C2 extends React.Component{
render(){
return (
{this.props.test1}
{this.props.test2}
{this.props.children}
);
}
}
let div = documet.createElement('div');
document.querySelector('body').appendChild(div);
ReactDOM.render(
,div);
```