boilerplate-reactionic-meteor's Introduction

React-Ionic

React and Ionic: a Perfect Match

React and Ionic are a great combination:

React is the best thing ever that happened to front-end development
Ionic allows you to quickly build iOS and Android apps that are indistinguishable from native apps.

There are other options to create hybrid mobile apps, but Ionic is the most robust and mature. So if you prefer React over Angular, give React-Ionic a try!

Is this for me?

React-Ionic is useful for you if you:

Want to create an iOS and/or Android app coding in Javascript.
Like React, or don't mind learning it (you won't regret it; ask me for how to get started).
Optionally: Use Meteor (this is basically a clone of Meteoric, but without a dependency on Meteor).

Demo

Kitchen sink demo showing off all features (source)

Quick Start

If you know what you are doing: React-Ionic is available as an NPM package that can be added to your package.json

npm install reactionic --save

Or just follow the steps below:

Step 1: download

The easiest way to start is to download the kitchen sink demo, and run it locally (see the kitchensink README how) to try it out.

Step 2: code

There is no step 2. Just go ahead and change things to make it your own. Have a look at the guide for more detail.

Status

First release is available for use. We're working on support for Ionic v2, no ETA yet.

Guide

A detailed description of each component can be found in the guide.

Contribute

I need your help to improve this library.

If you want to patch a bug: create a pull request
If you want to make a more substantial contribution, please contact me: mark (a) pors.net

Looking forward to your contribution! If you have any questions about it, just drop me an email.

Credits

Inspiration and code was "borrowed" from:

Contributors:

Thanks guys!

License

Apache License, Version 2.0

boilerplate-reactionic-meteor's People

Contributors

Stargazers

Watchers

boilerplate-reactionic-meteor's Issues

updating to Meteor 1.4

Just tried to update a freshly cloned project using meteor update and got errors.
meteor npm rebuild didn't help.

ValidatedPublication joined collection

Hey,

I store the navigation within a database collection and meta data e.g. icons in another collection. In order to display the navigation I need to join the icons to the navigation collection.
Usually I would do this by joining the cursors e.g.

  # subscribe, collections query.. 
  return [
    collections,
    Icons.find({_id: {$in: collection.icon_id}});
  ];

How would you handle it? I image you have done some projects before creating the boilerplate and probably had the need for something similar.

Unkown props warning

Getting this error in the console on fresh clone and run:

modules.js:21394 Warning: Unknown props `customClasses`, `history`, `location`, `params`, `route`, `routeParams`, `routes`, `leftButton`, `rightButton` on <span> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in span (created by ReactTransitionGroup)
    in ReactTransitionGroup (created by ReactCSSTransitionGroup)
    in ReactCSSTransitionGroup (created by RouteCSSTransitionGroup)
    in RouteCSSTransitionGroup (created by IonNavBar)
    in div (created by IonNavBar)
    in IonNavBar (created by Auth)
    in div (created by Auth)
    in Auth (created by RouterContext)
    in App (created by MeteorDataContainer)
    in MeteorDataContainer (created by RouterContext)
    in div (created by IonBody)
    in IonBody (created by Body)
    in Body (created by RouterContext)
    in RouterContext (created by Router)
    in Router

Recommend Projects

reactionic / boilerplate-reactionic-meteor Goto Github PK