Slide 1

Slide 1 text

Zero to Hero Material: https://bit.ly/react-material @alefesouza https://as.dev

Slide 2

Slide 2 text

Alefe Souza @alefesouza https://as.dev Full Stack Developer @alefesouza Apaixonado por JavaScript desde os 13 anos, instrutor de desenvolvimento de software, formado em análise e desenvolvimento de sistemas, Microsoft Specialist em tecnologias web.

Slide 3

Slide 3 text

React? @alefesouza https://as.dev Uma biblioteca para construir interfaces de usuário.

Slide 4

Slide 4 text

React @alefesouza https://as.dev • Desenvolvido pelo Facebook. • Ferramenta front-end moderna mais utilizada. • Componentes. • Diversas implementações.

Slide 5

Slide 5 text

JSX @alefesouza https://as.dev class HelloMessage extends React.Component { render() { return (
Hello {this.props.name}
); } } ReactDOM.render( , document.getElementById('hello-example') ); class HelloMessage extends React.Component { render() { return React.createElement( "div", null, "Hello ", this.props.name ); } } ReactDOM.render(React.createElement(HelloMessage, { name: "Taylor" }), document.getElementById('hello-example'));

Slide 6

Slide 6 text

Quem utiliza? @alefesouza https://as.dev

Slide 7

Slide 7 text

Implementações @alefesouza https://as.dev • React Native. • React 360. • Ink. • React Desktop. • React TV.

Slide 8

Slide 8 text

@alefesouza https://as.dev https://bit.ly/react-material

Slide 9

Slide 9 text

Obrigado! @alefesouza