Uma introdução sobre React e suas funcionalidades básicas

2. Luiz Paulo - LP
Atua há 20 anos no desenvolvimento web
Desenvolvedor e Lider de Equipe
Contabilone Tecnologia
Graduação em Tecnologia da Informação
2017 - Instituto Superior de Tecnologia - Petrópolis
Pós-graduação em Engenharia de Software
2020 - Universidade Estácio de Sá - Rio de Janeiro
http://lppjunior.com

3. “The only way to do great
work is love what you do”
Steve Jobs

4. Conteúdo
● O que é React?
● Porquê o React?
● Conceitos do React
● Na prática

5. ?

6. O que é o React?
● É uma biblioteca Javascript
● Utilizada para construir interfaces UI
● A mais popular ferramenta atualmente
● Desenvolvida por engenheiros do Facebook em 2013

7. Por que foi desenvolvida?
● O código do Facebook se tornou muito complexo e difícil de manter
● O site estava lento demais, principalmente para aplicações mobile
● Exigia muito os recursos dos servidores
● O sistema do Facebook era vulnerável e suscetível a ataques

8. SPA

9. SPA - Problema x Solução

10. SPA - Problema x Solução

11. SPA - Problema x Solução
Antes Depois
● Processamento server-side
● Requisição completa
● Código frágil
● Renderização HTML
● Processamento client-side
● Requisição de dados
● Código seguro
● Renderização via Javascript

12. Skill
Antes Depois
https://github.com/kamranahmedse/developer-roadmap

13. Skill

14. Tecnologias similares

15. Por que React?

16. https://2020.stateofjs.com/en-US/technologies/
Popularidade das linguagens

17. Popularidade das linguagens

18. !

19. Conceitos
● Arquitetura
● Virtual DOM
● Componetização
● Composição
● Controle de Estados
● Controle de Eventos
● Desenvolvimento Híbrido

20. Arquitetura do React

21. Desenvolvimento híbrido

22. Desenvolvimento híbrido

23. Clean Code Architecture

25. Virtual DOM

26. Virtual DOM

27. Componentização

28. Composição

29. Controle de Estado

30. Controle de Eventos

31. Formato do código

32. Obrigado!
lppjunior@gmail.com
lppjunior.com
github.com.br/lppjunior