Chrome Extensions + React

Transcript

1. Chrome Extensions + React
2. Desenvolvo na Stone Escrevo no Medium Já fiz muito site com float: left vitor@paladini.in linkedin.com/in/vitorpaladini Eu sou o Paladini
3. Introdução Entendendo Chrome Extensions React: o quê, por quê e como Show me the code
4. Introdução
5. Learn by doing
6. Minimalismo digital É uma filosofia que te ajuda a questionar que ferramentas digitais (e que comportamentos relacionados) adicionam mais valor à sua vida. É motivado pela crença de que se livrar de ruídos digitais de maneira intencional e agressiva, e otimizar o uso das ferramentas que realmente importam, pode melhorar significativamente a sua vida.
8. Entendendo Chrome Extensions
10. Arquitetura Background Script - Event handler Content Script - Interaje com o DOM Popup - Abre onClick 
 Manifest - Arquivo de configurações Options Page - Literalmente uma página de opções
11. background.js contentscript.js popup.js
12. React: o quê, por quê e como
13. Por quê React?
14. React sozinho não resolve
15. 1 - Arquivos de desenvolvimento React 2 - Mágica do Webpack 3 - Arquivos amigáveis ao Chrome
16. Show me the code
17. Dúvidas e comentários
18. Obrigado! Vitor Paladini vitor@paladini.in /in/vitorpaladini