This package is under active development.
yarn add @accounts/react
yarn add @accounts/client
yarn add @accounts/rest-client
yarn add @accounts/react-material-ui
This is a simple example with react-router.
importAccountsClientfrom'@accounts/client';importrestClientfrom'@accounts/rest-client';import{accountRoutes,withUser,Authenticated}from'@accounts/react';// If you want the material-ui viewimport'@accounts/react-material-ui';// Setup client config and try to resume session to know if user is logged(async()=>{AccountsClient.config({server: 'http://localhost:3010',history: browserHistory,title: 'my-app-title',loginPath: '/login',signUpPath: '/signup',homePath: '/home',reduxLogger: createLogger(),},restClient);awaitAccountsClient.resumeSession();})();// The withUser hoc pass a user prop to the componentconstHome=withUser(({ user })=><div>
Signed in user info
<br/>{Object.keys(user).map(key=><divkey={key}>{key} : {user[key]}</div>)}</div>,);// Use the Authenticated component in the router will check if a user is logged and redirect to /login if notrender((<MuiThemeProvider><Routerhistory={browserHistory}><Routepath="/"component={Authenticated}><IndexRoutecomponent={Home}/><Routepath="/home"component={Home}/></Route>{accountRoutes()}</Router></MuiThemeProvider>),document.getElementById('root'));