PolymerRedux - State Management Made Simple

Palestra apresentata no #devfestrj 2017

Libraries como React e polyfills como Polymer, trazem a tona os grandes benefícios de se desenvolver um projeto baseado em componentes e por quê devemos trabalhar com estados. Neste cenário, temos vivenciado o aumento de aplicações web que fazem uso de Gerenciamento de Estado, e como este tipo de ferramenta auxilia bastante em diversas tarefas. Mas o que houve com o MVC? Ele morreu? Nesta palestra, iremos aprender como funciona a arquitetura Flux, seus princípios, descobrir em quais cenários utilizar este tipo de arquitetura, vamos utilizar o Redux (uma das implementações do Flux mais famosas e utilizadas) para gerenciar o estado de nossas aplicações em nossos projetos client side, utilizando Polymer.

Transcript

1. POLYMER-REDUX STATE MANAGEMENT MADE SIMPLE
2. OI, EU SOU O YAN @yanmagale @yaanmagale yanmagalhaes.com.br
4. #DEVFESTRJ
6. DESENVOLVER SOFTWARE É COMPLEXO!
7. APLICAÇÕES JS SE TORNARAM COMPLEXAS!
9. ▸Separação de Responsabilidades ▸Flexível ▸Fácil Implementação MVC E SEU LEGADO
12. SINGLE DIRECTION DATA FLOW Flux
14. ACTION
15. SEND_MESSAGE
16. STORE
17. SEND_MESSAGE New State Update
18. CONTAINER DE ESTADOS PREVISÍVEIS PARA APLICAÇÕES JS Redux
22. npm install —save redux bower install —save polymer-redux SETUP
23. Imports Store Mixin Class
24. State
25. EVENT PRESENT AUDIENCE DEMO https://github.com/yanmagale/event-present-audience
26. Action Creators
28. MY CALM APP PWA’S https://github.com/yanmagale/my-calm-app
33. NÃO MORREU, PORÉM … ▸ Aplicação possui dados dinâmicos ▸ Código mais explicito, fácil de testar e previsível ▸ Dados imutáveis (programação funcional) ▸ Controlar eventos REDUX É UMA BOA OPÇÃO!
34. https://github.com/polymer-brasil
36. ▸https://redux.js.org/ ▸https://tur-nr.github.io/polymer-redux/ ▸https://github.com/yanmagale/awesome-flux ▸https://imasters.com.br/desenvolvimento/ software/os-estados-do-flux-uma-nova-arquitetura/ ONDE APRENDER MAIS?
37. “PLANEJAR É IMPORTANTE. EXECUTAR É MAIS IMPORTANTE AINDA.”
38. OBRIGADO, FOI SHOW! @yanmagale @yaanmagale yanmagalhaes.com.br