{"id":1845,"date":"2017-12-29T11:13:00","date_gmt":"2017-12-29T14:13:00","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2017\/12\/29\/workshop-online-para-entender-sobre-redux-construindo-seu-redux\/"},"modified":"2017-12-29T11:13:00","modified_gmt":"2017-12-29T14:13:00","slug":"workshop-online-para-entender-sobre-redux-construindo-seu-redux","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2017\/12\/29\/workshop-online-para-entender-sobre-redux-construindo-seu-redux\/","title":{"rendered":"Workshop online para entender sobre Redux construindo seu Redux"},"content":{"rendered":"<p>A maioria das empresas, <a href=\"https:\/\/github.com\/react-brasil\/empresas-que-usam-react-no-brasil\" target=\"_blank\" rel=\"noopener noreferrer\">principalmente no Brasil como podemos observar<\/a>, utilizam o <a href=\"http:\/\/redux.js.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Redux<\/a> como gerenciador do estado dos dados da aplica\u00e7\u00e3o.<\/p>\n<p>Se voc\u00ea vai trabalhar com React, vai se deparar com ele em algum momento. Chegam muitos testemunhos de que o React \u00e9 f\u00e1cil, mas o Redux ainda \u00e9 um entrave.<\/p>\n<div class=\"embed-twitter\">\n<blockquote class=\"twitter-tweet\" data-width=\"450\" data-dnt=\"true\">\n<p lang=\"pt\" dir=\"ltr\">Eu j\u00e1 tinha visto muita coisa feia e complicada no mundo Javascript. Mas nenhuma delas se compara ao Redux\/React. Galera t\u00e1 de parab\u00e9ns.<\/p>\n<p>&mdash; Robson de Araujo (@robsonaraujo) <a href=\"https:\/\/twitter.com\/robsonaraujo\/status\/924624975415463938?ref_src=twsrc%5Etfw\">October 29, 2017<\/a><\/p>\n<\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n<h3>Mudan\u00e7a de\u00a0Mindset<\/h3>\n<p>Utilizar as melhores pr\u00e1ticas com o Redux requer pensar de forma imut\u00e1vel e funcional com uma biblioteca e linguagem multi-paradigma, al\u00e9m disso a pr\u00f3pria documenta\u00e7\u00e3o do Redux n\u00e3o facilita, ela \u00e9 pra quem j\u00e1 tem esse Mindset e confunde mais do que ajuda.<\/p>\n<div class=\"embed-twitter\">\n<blockquote class=\"twitter-tweet\" data-width=\"450\" data-dnt=\"true\">\n<p lang=\"pt\" dir=\"ltr\">Quem precisa daquele tutorial curto pra aprender definitivamente o Redux?<\/p>\n<p>&mdash; Christiano Milfont (@cmilfont) <a href=\"https:\/\/twitter.com\/cmilfont\/status\/920980341116096512?ref_src=twsrc%5Etfw\">October 19, 2017<\/a><\/p>\n<\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n<h3>Vamos pensar apenas em\u00a0React<\/h3>\n<p>Acredito que uma forma de entender um motor de estados \u00e9 entender qual o problema que ele resolve primeiro, depois como ele funciona, para isso proponho nesse Workshop resolver essa compreens\u00e3o puramente com React, lib da qual todo mundo me fala que entende f\u00e1cil e \u00e9 logo produtivo.<\/p>\n<h3>Workshop Construindo seu pr\u00f3prio\u00a0Redux<\/h3>\n<p>Construiremos um <strong><em>Centralized State Management<\/em><\/strong> baseado no <a href=\"https:\/\/facebook.github.io\/flux\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pattern Flux<\/a> fortemente inspirado no Redux. Pr\u00e9-requisito \u00e9 entender um pouco de React, mas nada que numa manh\u00e3 n\u00e3o aprenda, de qualquer forma revisitaremos alguns conceitos de funcionamento da \u00e1rvore.<\/p>\n<p>Todo o c\u00f3digo j\u00e1 est\u00e1 dispon\u00edvel caso queira se aventurar sozinho nesse reposit\u00f3rio, s\u00f3 acompanhar os commits <a href=\"https:\/\/github.com\/cmilfont\/learn-redux\/commits\/master\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/github.com\/cmilfont\/learn-redux\/commits\/master<\/a>. Provavelmente eu inclua mais algum detalhe at\u00e9 l\u00e1, revisite sempre.<\/p>\n<h4>Qual o investimento?<\/h4>\n<blockquote>\n<p>Apenas 200 reais, que voc\u00ea pode se <a href=\"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&amp;hosted_button_id=QLD3PFMMFUQEN\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>inscrever aqui nesse link<\/em><\/strong><\/a>. [no futuro teremos uma vers\u00e3o bitcoin\u00a0;)]<\/p>\n<\/blockquote>\n<p>[update] O Workshop j\u00e1 aconteceu e voc\u00ea pode adquirir os v\u00eddeos das aulas comprando no <a href=\"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&amp;hosted_button_id=QLD3PFMMFUQEN\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>link anterior<\/em><\/strong><\/a>, mas n\u00e3o temos mais canal no slack pra novos participantes dessa turma.<\/p>\n<h4>Quando vai\u00a0ocorrer?<\/h4>\n<p>Primeira turma ser\u00e1 nos dias 15, 16, 17 e 18 de janeiro de 2018 iniciando todos esses dias as 19h at\u00e9 por volta de 21:00.<\/p>\n<h4>Formato online?<\/h4>\n<p>Utilizaremos o <a href=\"https:\/\/zoom.us\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/zoom.us\/<\/a> para as aulas, os v\u00eddeos ser\u00e1 disponibilizados para os inscritos ap\u00f3s o curso.<\/p>\n<h4>Conte\u00fado<\/h4>\n<ol>\n<li>Implementando acesso a dados no ciclo de vida da \u00e1rvore React<\/li>\n<li>Utilizando banco de dados locais (IndexedDB) como fonte de dados<\/li>\n<li>Diferen\u00e7a entre props e state para manipular os dados<\/li>\n<li>Refatorando a centraliza\u00e7\u00e3o do estado de uma \u00e1rvore<\/li>\n<li>Utilizando Context para conectar os componentes na \u00e1rvore a uma mesma fonte<\/li>\n<li>Construindo o seu Redux: Store como provider do estado.<\/li>\n<li>Construindo o seu Redux: padronizando dispatch de a\u00e7\u00f5es.<\/li>\n<li>Isolando os componentes com Containers conectados ao Store<\/li>\n<li>Mapeando trechos do estado para as Views.<\/li>\n<\/ol>\n<h4>Pr\u00f3ximos Workshops<\/h4>\n<p>Esse daqui servir\u00e1 como pre-requisito a Workshops de Redux e Saga que ser\u00e3o disponibilizados em breve.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A maioria das empresas, principalmente no Brasil como podemos observar, utilizam o Redux como gerenciador do estado dos dados da aplica\u00e7\u00e3o. Se voc\u00ea vai trabalhar com React, vai se deparar com ele em algum momento. Chegam muitos testemunhos de que o React \u00e9 f\u00e1cil, mas o Redux ainda \u00e9 um entrave. Eu j\u00e1 tinha visto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/1845"}],"collection":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/comments?post=1845"}],"version-history":[{"count":0,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/1845\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/media?parent=1845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/categories?post=1845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/tags?post=1845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}