Anion
Anion is an unofficial and incomplete implementation of Ionic components in reactjs.
Not ready Yet
I don't recommend to use in production If you’d like, you can contribute to help make it happen.
Installation
Anion is available as an npm package.
npm install react-anionAfter npm install, you'll find all the .js files in the /components folder and their compiled versions in the /lib folder.
Demo
Check out the github.io/anion
Motivation
I always liked to use Ionic on my AngularJS projects and few weeks ago when I decided to give a try to reactjs I couldn't find a component library which were not necessarly implementing material design, so inspered by other projects I decided to create "Yet another component library for reactjs".
My goal with this project is to port over as much of the components from the awesome ionic components library as I can to the reactjs world. I am trying to keep up with the hype of local scope css, so for this I am using css-modules with sass. The build is managed by the webpack and there are no documentation by now, the best resource for reference is the demonstration page where you can take a look what is the API of the components and their usage.
I am not a react expert, honestly this is my first try implementing something generic with it, so please feel free to send me issues or recommendations, I will try my best to keep things following whatever is the best regarding the technology and best practices.
Ultimately you are very welcome to contribute however you want.
Inspirations:
Contributing
One challenge to port ionic components is that many style rules are applied based on the components hierarchy ( eg: .list .item button ) which I feel goes agains the css-modules principle of scoping all the style in the component itself and not relying on the cascading aspect of css.
I decided to initially port only the iOS styles because that is what I need the most, but I am trying to keep the same markup on the components, this way hopefully it won't be much work to include md styles in the future
I am using travis-ci to perform integration, make sure you take a look on the build status after you submit a pull request
Workspace
You shouldn't have problem to reproduce the environment locally npm install
and npm start should get you up and running.
License
MIT. Copyright (c) 2015 Thiago Felix