alvincrespo

const PasswordField = (props) => {
  let children = {
    label: <label>Password</label>,
    input: <input type="password" />
  };
  
  if (props.children) {
    return props.children(children);
  }
  

alvincrespo

const App = () => {
  return (
    <PasswordField>
      {(props) => (
        <Field>
          {props.label}
          {props.input}
        </Field>
      )}
    </PasswordField>

alvincrespo

React.createElement(
  PasswordField,
  null,
  function (props) {
    return React.createElement(
      Field,
      null,
      props.label,
      props.input
    );

alvincrespo

import React, { Component } from 'react';
import Form from './Form';

class App extends Component {
  onValidEmail = () => {}
  onInvalidEmail = () => {}
  
  render() {
    return (
      <Form>

alvincrespo

import React, { Component } from 'react';
import Form from './Form';
import EmailField from './EmailField';

class App extends Component {
  onValidEmail = () => {}
  onInvalidEmail = () => {}
  
  render() {
    return(

alvincrespo

ember new auth-example-frontend

alvincrespo

➜  ember new auth-example-frontend
installing app
  create .editorconfig
  create .ember-cli
  create .eslintrc.js
  create .travis.yml
  create .watchmanconfig
  create README.md
  create app/app.js
  create app/components/.gitkeep

alvincrespo

cd auth-example-frontend

alvincrespo

ember install ember-simple-auth

alvincrespo

➜  ember install ember-simple-auth
NPM: Installed ember-simple-auth
Installed addon package.