Welcome to React

Transcript

1. Welcome to React
2. Brunno Hofmann - Graduado em SI - IFPB - Desenvolvedor front-end - IFPB - Assert - Freelancer - Ator
3. React? - Não é um framework, mas uma biblioteca. - Usado para criação de interfaces visuais. E não dá pra fazer grandes aplicações? Claro… Nesse caso estamos falando sobre o ecossistema do React
4. • React • JSX • ES2015 • Webpack • Flux/Redux • axios/fetch • Jest/Mocha Ecossistema React
5. Características
6. Virtual Dom
7. Virtual Dom
9. Extensão da linguagem javascript com sintaxe semelhante ao HTML JSX
10. Extensão da linguagem javascript com sintaxe semelhante ao HTML JSX - Javascript Extension
11. Componentes
12. EXEMPLO 1 - Como iniciar? - Create-react-app
13. Componentes Container Presentetional
15. EXEMPLO 2 - Placar de futebol - 2 times - placar - Local, Hora
16. Ciclo de vida
17. O que mais? Javascript/ES6 PWA Webpack GraphQl Redux React Native React Desktop O quê mais?
18. Dev na Estrada Ep. 153 HipsterPontoTech Ep. 66 Lambda3 Ep 82 Vale a pena
19. Thank u! Dúvidas? brunnohofmann@hotmail.com @brunnohofmann