react-anion
Advanced tools
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.
Anion is available as an npm package.
npm install react-anion
After npm install, you'll find all the .js files in the /components folder and their compiled versions in the /lib folder.
Check out the github.io/anion
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.
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
You shouldn't have problem to reproduce the environment locally npm install
and npm start should get you up and running.
MIT. Copyright (c) 2015 Thiago Felix
FAQs
An incomplete implementation of Ionic components in reactjs
The npm package react-anion receives a total of 0 weekly downloads. As such, react-anion popularity was classified as not popular.
We found that react-anion demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.