walessonrdreis / estudos-react

estudos-React

Começo dos estudos, visando se aperfeiçoar no framework front-end. Começando do básico

###Projetos Projeto Personal-portifólio

obs: A maneira mais fácil de se criar componentes é através de uma função.

Agora com o ecma6 é possível pela criação de class ex:

class Welcome extends React.Component{
    render() {
        return <h1>Olá, }{this.props.name}
    }
}
ReactDom.render(<Welcome name="RL"/>, document.getElementById("root"));

O react permite que um componente interaja com varios componentes, é bem comum por exemplo encontrar apenas um componente em um único programa ex: function App() { return (

); } React.render(, document.getElementById("root"));

E de suam importância realizar-se a extração de componentes grandes em menores, acaba deixando o código mais clean, mais limpo e fácil de entender e e reconfigurar, assim com reutilizar

Estado e ciclo de vida: setInterval(refresh,1000); maneira de atualizar a user interface

O state é similar ao props, mas ele é privado, pertence ao componente, e é totalmente controlado pelo próprio componente

Usando o ECMAScript6 é necessário adicionar o this. antes do props, o props apenas não funcionara

Dentro de um componente eu possuo métodos de ciclo de vida, são chamados de mounting e unmounting