https://github.com/accounts-js/react

React (and React Native) view layer for js-accounts
https://github.com/accounts-js/react

accounts material-ui oauth react react-native users

Last synced: 6 months ago
JSON representation

React (and React Native) view layer for js-accounts

• Host: GitHub
• URL: https://github.com/accounts-js/react
• Owner: accounts-js
• License: mit
• Created: 2016-10-24T07:12:04.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2020-10-01T20:38:20.000Z (about 5 years ago)
• Last Synced: 2025-04-23T01:16:50.041Z (6 months ago)
• Topics: accounts, material-ui, oauth, react, react-native, users
• Language: JavaScript
• Homepage:
• Size: 327 KB
• Stars: 7
• Watchers: 3
• Forks: 6
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @accounts/react

## Note

This package is under active development.

## Install

```

yarn add @accounts/react

yarn add @accounts/client

yarn add @accounts/rest-client

yarn add @accounts/react-material-ui

```

## Usage

This is a simple example with react-router.

```javascript

import AccountsClient from '@accounts/client';

import restClient from '@accounts/rest-client';

import { accountRoutes, withUser, Authenticated } from '@accounts/react';

// If you want the material-ui view

import '@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);

  await AccountsClient.resumeSession();

})();

// The withUser hoc pass a user prop to the component

const Home = withUser(({ user }) =>

  


    Signed in user info

    


    {Object.keys(user).map(key => 
{key} : {user[key]} 
)}

  
,

);


// Use the Authenticated component in the router will check if a user is logged and redirect to /login if not

render((

  

    

      

        

        

      

      {accountRoutes()}

    

  

), document.getElementById('root'));

```