React: Zero to Hero

https://github.com/alefesouza/workshop-react

Transcript

1. <React /> Zero to Hero Material: https://bit.ly/react-material @alefesouza https://as.dev
2. 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.
3. React? @alefesouza https://as.dev Uma biblioteca para construir interfaces de usuário.
4. React @alefesouza https://as.dev • Desenvolvido pelo Facebook. • Ferramenta front-end moderna mais utilizada. • Componentes. • Diversas implementações.
5. JSX @alefesouza https://as.dev class HelloMessage extends React.Component { render() { return ( <div> Hello {this.props.name} </div> ); } } ReactDOM.render( <HelloMessage name="Taylor" />, 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'));
6. Quem utiliza? @alefesouza https://as.dev
7. Implementações @alefesouza https://as.dev • React Native. • React 360. • Ink. • React Desktop. • React TV.
8. @alefesouza https://as.dev <Material /> https://bit.ly/react-material
9. Obrigado! @alefesouza