react-atellier alternatives and similar libraries
Based on the "Miscellaneous" category.
Alternatively, view react-atellier alternatives based on common mentions on social networks and blogs.
-
-
-
react-heatpack
DISCONTINUED. A 'heatpack' command for quick React development with webpack hot reloading. -
BundleMon
A free open-source tool that helps you to monitor your bundle size on every commit and alerts you on changes. -
-
SimpleLocalize
SimpleLocalize CLI is a developer-friendly command-line tool for uploading and downloading translation files -
-
-
react-demo-tab-cli
DISCONTINUED. ⚡ Create React components demos in a zap [Moved to: https://github.com/mkosir/demozap] -
Civic Auth - Auth in Less Than 5 Minutes
Do you think we are missing an alternative of react-atellier or a related project?
README
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!
Online Demos
Install
npm install -g react-atellier
Usage
Import Atellier
For releases: > v0.1.0 (NEWER)
...
import ReactAtellier from 'react-atellier';
For releases: <= v0.0.14
...
var ReactAtellier = require('react-atellier')( React );
Import your component
import myComponent from 'myComponent';
const componentList = [{
componentName : myComponent.displayName,
component : myComponent
}];
OR your component library
import myComponents from 'myComponent';
const componentList = myComponents.map( (comp)=> {
return {
componentName : comp.displayName,
component : comp
}
})
pass your components to Atellier over components prop.
var AtellierWrapper = React.createClass({
render: function() {
return (
<ReactAtellier components={componentList} />
);
}
});
and then you need to render the Atellier somewhere in your application.
render((
<Router history={browserHistory}>
<Route path="/" component={App}>
<Route path="atellier" component={AtellierWrapper}/>
</Route>
</Router>
), document.body)
Todo
- [ ] Atellier CLI (wip)
- [ ] Import components and live update
- [ ] Move components in
stage
Team
Contributors
Contribute
Come with us to make an awesome Atellier tool to run components in live ambient.
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](CONTRIBUTING.md). So please, read this before send to us a pull requests.
Want help?
License
React Atellier is released under the MIT license.
*Note that all licence references and agreements mentioned in the react-atellier README section above
are relevant to that project's source code only.