User views

Now that the session management and user store plumbing are in place, we turn our attention to user-related views and components.

The log in view

The log in view is our simplest form. Here's what it looks like in action:

The log in view

The log in view

Here's the source for the log in view:

File: js/views/login.jsx

import React from 'react'; import { History } from 'react-router'; import BasicInput from 'appRoot/components/basicInput'; import Actions from 'appRoot/actions'; export default React.createClass({ mixins: [ History ], getInitialState: function () { return {}; }, logIn: function (e) { var detail = {}; Array.prototype.forEach.call( e.target.querySelectorAll('input'), ...

Get React: Building Modern Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.