/react-redux-2

react-redux-2

Primary LanguageJavaScript

Curso react-redux-pt (Leonardo Leitão)

  • mkdir exercicios_react && cd exercicios_react
  • npm init -y
  • npm i --save-dev react@15.4.2 react-dom@15.4.2 babel-core@6.22.1 babel-loader@6.2.10 babel-preset-es2015@6.22.0 babel-preset-react@6.22.0 webpack@1.14.0 webpack-dev-server@1.16.2

github:

(farnetani/curso-react-redux-cod3r)[(farnetani/curso-react-redux-cod3r)]

echo "# curso-react-redux-cod3r" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin git@github.com:farnetani/curso-react-redux-cod3r.git
git push -u origin master

Adicionando chave ssh

https://help.github.com/articles/adding-a-new-ssh-key-to-your-github-account/

Conceito

ecma-script-2015 ou es6

spread

npm i save-dev babel-plugin-transform-object-rest-spread@6.22.0

2 tipos de componente: baseado em função (+ simples) e baseado em classes.

Importante: no React temos componentes com controle e sem controle. No React você não altera o DOM diretamente e sim o javascript.

  • Com controle = null. Quem vai deter o controle é o estado interno do componente e não o DOM.

  • Sem controle = undefined. A view poderá deter o estado do componente.

Aplicação mais simples