viniciusdacal

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return React.createElement(
      'div',
      { className: 'App' },
      React.createElement(

viniciusdacal

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

viniciusdacal

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"

viniciusdacal

import React from 'react';

function Welcome(props) {
  return (
    <h1>Hello, {props.name}</h1>
  );
}

viniciusdacal

import React from 'react';
import ReactDOM from 'react-dom';

function Welcome(props) {
  return (
    <h1>Hello, {props.name}</h1>
  );
}

ReactDOM.render(

viniciusdacal

import React from 'react';
import ReactDom from 'react-dom';

function Welcome({ name }) {
  return (
    <h1>Hello, {name}</h1>
  );
}

const strangerName = 'Stranger';

viniciusdacal

import React from 'react';
import ReactDom from 'react-from';
const strangerName = 'Stranger';

ReactDOM.render(
  <button onClick={() => alert(strangerName)}>
    Click
  </button>,
  document.getElementById('root')
);

viniciusdacal

import React from 'react';
import ReactDom from 'react-dom';

function Button({ children, onClick, type = 'button' }) {
  return (
    <button type={type} className='btn' onClick={onClick} >
      {children}  
    </button>
  );
}

viniciusdacal

import React from 'react';
import ReactDom from 'react-dom';

function Button({ children, onClick, type = 'button' }) { 
  return (
    <button type={type} className='btn' onClick={onClick} >
      {children}  
    </button>
  );
}

viniciusdacal

import React from 'react';
import ReactDOM from 'react-dom';

class GroupButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activeIndex: props.initialIndex,
    };
  }