https://github.com/studiointeract/accounts-ionic
Ionic – Accounts UI for React in Meteor 1.3
https://github.com/studiointeract/accounts-ionic
Last synced: 8 months ago
JSON representation
Ionic – Accounts UI for React in Meteor 1.3
- Host: GitHub
- URL: https://github.com/studiointeract/accounts-ionic
- Owner: studiointeract
- License: mit
- Created: 2016-04-16T10:29:31.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-05-24T21:10:05.000Z (almost 10 years ago)
- Last Synced: 2025-04-22T09:45:19.700Z (12 months ago)
- Language: JavaScript
- Size: 3 MB
- Stars: 6
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ionic – Accounts UI for React in Meteor 1.3
Current version 1.1.0
## Features
1. **[Easy to use](https://github.com/studiointeract/accounts-ui#using-react-accounts-ui)**, mixing the ideas of useraccounts configuration and accounts-ui that everyone already knows and loves.
2. **[Components](https://github.com/studiointeract/accounts-ui#available-components)** are everywhere, and extensible by replacing them on Accounts.ui.
3. **[Basic routing](https://github.com/studiointeract/accounts-ui#configuration)** included, redirections when the user clicks a link in an email or when signing in or out.
4. **[Unstyled](https://github.com/studiointeract/accounts-ui#styling)** is the default, no CSS included.
5. **[No password](https://github.com/studiointeract/accounts-ui#no-password-required)** sign up and sign in are included.
6. **[Extra fields](https://github.com/studiointeract/accounts-ui#extra-fields)** is now supported.
7. **[Server Side Rendering](https://github.com/studiointeract/accounts-ui#example-setup-using-flowrouter-meteor-13)** are supported, trough FlowRouter (SSR).
7. **[Extending](https://github.com/studiointeract/accounts-ui#create-your-own-styled-version)** to make your own custom form, for your app, or as a package, all components can be extended and customized.
9. **[States API](https://github.com/studiointeract/accounts-ui#example-setup-using-the-states-api)** makes it possible to use the form on different routes, say you want the login on one route and signup on another, just set the inital state and the links (either globally or per component by using the props).
### Based on and extends std:accounts-ui
[https://atmospherejs.com/std/accounts-ui](https://atmospherejs.com/std/accounts-ui)
## Installation
`meteor add std:accounts-ionic`
## Configuration
We support the standard [configuration in the account-ui package](http://docs.meteor.com/#/full/accounts_ui_config). But have extended with some new options.
> [Accounts.ui.config(options)](https://github.com/std/accounts-ui#configuration)
### Example setup (Meteor 1.3)
`meteor add accounts-password`
`npm i --save reactionic`
`meteor add std:accounts-ionic`
```javascript
import React from 'react';
import { Accounts } from 'meteor/std:accounts-ionic';
Accounts.ui.config({
passwordSignupFields: 'NO_PASSWORD',
loginPath: '/',
});
if (Meteor.isClient) {
ReactDOM.render(, document.body)
}
```
## Example setup using FlowRouter (Meteor 1.3)
`meteor add accounts-password`
`npm i --save reactionic`
`meteor add std:accounts-semantic`
`meteor add kadira:flow-router-ssr`
```javascript
import { FlowRouter } from 'meteor/kadira:flow-router-ssr';
import { Accounts } from 'meteor/std:accounts-ionic';
import React from 'react';
Accounts.ui.config({
passwordSignupFields: 'NO_PASSWORD',
loginPath: '/login',
onSignedInHook: () => FlowRouter.go('/'),
onSignedOutHook: () => FlowRouter.go('/')
});
FlowRouter.route("/login", {
action(params) {
mount(MainLayout, {
content:
});
}
});
```
## Credits
Made by the [creative folks at Studio Interact](http://studiointeract.com)