The smartest way to share interactive components with your team
npm install react-atellier
A React component that works like a preview of other components. An excellent tool to show how your component works and looks with. Easy to install and configure, you can have a router in your project with Atellier and can interact with any component.
Imagine a universe in which you may have tools (components) tested in real time! This is amazing!
shell
npm install -g react-atellier
`Usage
Import Atellier
For releases:
(NEWER)
`javascript
...
import ReactAtellier from 'react-atellier';
`For releases:
javascript
...
var ReactAtellier = require('react-atellier')( React );`Import your component
javascriptimport myComponent from 'myComponent';
const componentList = [{
componentName : myComponent.displayName,
component : myComponent
}];
`
OR your component library
javascriptimport myComponents from 'myComponent';
const componentList = myComponents.map( (comp)=> {
return {
componentName : comp.displayName,
component : comp
}
})
`
pass your components to Atellier over components prop.
javascript
var AtellierWrapper = React.createClass({
render: function() {
return (
);
}
});
`
and then you need to render the Atellier somewhere in your application.
javascript
render((
), document.body)
`---
Todo
- [ ] Atellier CLI (wip)
- [ ] Import components and live update
- [ ] Move components in - Guilherme de Souza
- Alberto
- Érica Mitsuishi
- Bruno Agutoli
- Daniel Allegretti
- João Neto
- Geison
Now, if you do not have technical knowledge and also have intend to help us, do not feel shy, click here to open an issue and collaborate their ideas, the contribution may be a criticism or a compliment (why not?)
We have some conventions to contribute to the Atellier project, see more information in our CONTRIBUTING.md. So please, read this before send to us a pull requests.
React Atellier is released under the
MIT license.