View babel.json
{
"presets": [
"es2015",
"react",
"stage-0"
],
"plugins": [
"transform-decorators-legacy",
[
"resolver",
View withdecorator.js
import React from 'react';
import { connect } from 'react-redux';
@connect((state) => ({
openNewFeedback: state.openNewFeedback,
}))
export default class Form extends React.Component {}
View withoutDecorator.js
import React from 'react';
import { connect } from 'react-redux';
class Form extends React.Component {}
const mapToProps = state => ({ openNewFeedback: state.openNewFeedback });
export default connect(mapToProps, Form);
View fatArrowFunctionEs7.js
class Form extends React.Component {
handleCreate = () => {
const { dispatch, actions } = this.props;
const type = actions.CREATE;
const payload = this.state;
dispatch({ type, payload });
this.handleClose();
}
View propertiesEs7.js
class Form extends React.Component {
static propTypes = {}
state = {};
}
View propertiesEs6.js
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {};
this.handleCreate = this.handleCreate.bind(this);
}
}
Form.propTypes = {}
View es6.js
import React from 'react';
import { connect } from 'react-redux';
import FormContainer from './container';
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {
start: null,
finish: null,
View desafio.md

[https://alf.nu/ReturnTrue]

function reflexive(x) {
    return x != x;
}
reflexive(NaN)

function transitive(x,y,z) {
    return x && x == y && y == z && x != z;
View toolset.md

Instalar ferramentas pré-definidas

Independente da tecnologia que vocês utilizam, no curso usaremos um conjunto de ferramentas já pré-definidas para explorar o conteúdo ofertado. Usaremos Postgres, nodejs e opcionalmente Elasticsearch.

Nodejs

Precisaremos do Nodejs na versão 5 [de preferência o v5.11.0 ou posterior na família v5]. A justificativa do nodejs é que precisaremos sempre dele para construir o FrontEnd em ambiente de desevolvimento.

Eu recomento instalar o https://github.com/creationix/nvm e instalar o Nodejs por ele.

Depois de instalar o nvm, voce pode instalar o node então com o comando:

View formato.md

Quem somos e como funciona

http://www.produtoreativo.com.br/quemsomos

Diferencial

Um fator desse diferencial é extrapolar as fronteiras da sala de aula, começamos já e continuaremos depois das datas dos nossos encontros. O curso nunca acaba.

Pra esses cursos eu separo e catalogo boas práticas que são tendências (sempre atualizando diariamente) e moldo pra dar suporte a um programador (com sua linguagem preferida Back-end) construir todo o Front-End de forma segura e continuada.

Mas não se limitando a isso, material que também ajuda a um programador Front a verificar e acompanhar o que se está desenhando para os próximos anos.