Criando aplicações interativas sem complicações com React JS
- 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
- 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
- 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!!