Apresentação utilizada no meetup Dev Alagoinhas

1. Criando aplicações interativas sem
complicações com React JS

2. Cristiano Santos Gonçalves
Desenvolvedor Front-End
Twitter: @Gonkristiano
Blog: crisgon.github.io

3. A base de tudo...
JavaScript, frequentemente abreviado como JS, é uma linguagem de programação interpretada de
alto nível, caracterizada também, como dinâmica, fracamente tipada, prototype-based e multi-
paradigma. Juntamente com HTML e CSS, o JavaScript é uma das três principais tecnologias da
World Wide Web

4. Lugares onde o Javascript pode ser encontrado

5. Tecnologias mais populares

6. Antes da solução… vamos ao grande problema.

7. Poucos dados e pouca interação

8. Muitos dados, muita interação e pouca exigência

9. Os smartphones trazem uma nova forma de interação

10. Muitos dados, muita interação e muuuita exigência

11. Surge a necessidade de criar aplicações
interativas e escaláveis de maneira simples e
que entreguem uma ótima UX.

13. O que é React JS?
O React (às vezes denominado React.js ou ReactJS) é uma biblioteca JavaScript de código aberto
para criar interfaces de usuário. É mantido pelo Facebook, Instagram e uma comunidade de
desenvolvedores individuais e outras empresas. . Ela funciona como o V do padrão MVC e é baseada
em componentes.

14. Quem usa React?

15. Interesse por React ao longo do tempo
https://trends.google.com.br

16. Comparação com outros frameworks

17. Porque usar?
Imperativo Declarativo

18. Virtual DOM
● Representação virtual do DOM
● Usado para uma renderização mais eficiente do DOM
● Não atualiza o componente no DOM "real", apenas computa o trecho que realmente foi
modificado

19. O que o usuário vê.

20. O que escrevemos

21. O que o navegador vê

22. Componentes
● Classe ou Função
● Reutilização de código
● Componentes se combinam para criar interfaces

24. Componentes
Partes independente e
reutilizável, que funciona de
forma isolada.

26. JSX
● Sintaxe semelhante ao XML.
● Permite colocar HTML em
JavaScript.

28. Ao vivo

29. Eventos
Ao vivo

31. Estudem Javascript,
HTML e CSS!!

32. Obrigado!!