JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/immer/dist/immer.umd.js"></script>
<div id="container"></div>

Babel + JSX

immer = immer.default;

class App extends React.Component {
    constructor(props) {
        super(props);

        this.userRef = React.createRef();

        this.state = {
            user: "",
            pass: ""
        };
    }

    render() {
        return [
            <h1 key="title">Panoro</h1>,
            <form 
                key="form"
                id="loginForm" 
                onSubmit={(e) => { e.preventDefault(); setTimeout(this.onFormSubmit, 200); }} 
                autoComplete="new-password"
            >
                <input 
                    key="userInput" 
                    ref={this.userRef} 
                    type="text" 
                    placeholder="Email"
                    value={this.state.user}
                    onChange={(e) => { 
                        this.setState(immer(this.state, draftState => {
                            draftState.user = e.target.value;
                        })); 
                    }} 
                    required
                />
                <input 
                    key="passInput" 
                    type="password" 
                    placeholder="Parola" 
                    value={this.state.pass} 
                    onChange={(e) => { 
                        this.setState(immer(this.state, draftState => {
                            draftState.pass = e.target.value; 
                        }));
                    }} 
                    required
                />
                <button type="submit">{(this.isInvite) ? "Inregistrare" : "Login"}</button>
            </form>
        ];
    }
}

ReactDOM.render(<App name="world"/>, document.getElementById('container'));