(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,function(e,a,t){e.exports=t.p+"static/media/012-example-alfajor.b75ec46c.png"},function(e,a,t){e.exports=t.p+"static/media/012-example-gaseosa.d04c26a5.png"},function(e,a,t){e.exports=t.p+"static/media/012-example-candy.0142029d.png"},function(e,a,t){e.exports=t.p+"static/media/000-home.43600c48.png"},,function(e,a,t){e.exports=t.p+"static/media/005-architectural-history-mvc.fab1f37f.png"},function(e,a,t){e.exports=t.p+"static/media/005-architectural-history-flux.5fa903ac.png"},,,,,,,function(e){e.exports={list:["home","001-common-concept","002-technical-concept","003-why-joke","004-history","005-architectural-history","006-mvc","007-mvc-problem","008-flux-diagram","009-flux-concepts","011-flux-mvc-differences","012-example","013-example-store","014-example-view","015-example-action","016-example-dispatcher","017-example-store","018-example-view","019-flux-better-mvc"]}},,function(e,a,t){e.exports=t.p+"static/media/001-common-concept.c7929c03.jpg"},function(e,a,t){e.exports=t.p+"static/media/002-technical-concept.a48775d8.png"},function(e,a,t){e.exports=t.p+"static/media/003-why-joke.56dd313d.png"},function(e,a,t){e.exports=t.p+"static/media/004-history.c30c9538.png"},function(e,a){e.exports="data:image/png;base64,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"},function(e,a,t){e.exports=t.p+"static/media/005-architectural-history-mvvm.85b56682.png"},function(e,a,t){e.exports=t.p+"static/media/010-flux-flow.6e23336f.gif"},function(e,a,t){e.exports=t.p+"static/media/018-example-bubblegum.dd6153f5.png"},,,,,,,function(e,a,t){e.exports=t(112)},,,,,,,,,,,,,,,,,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){},,function(e,a,t){"use strict";t.r(a);var n=t(0),l=t.n(n),c=t(14),r=t.n(c),i=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));function m(e,a){navigator.serviceWorker.register(e).then(function(e){e.onupdatefound=function(){var t=e.installing;null!=t&&(t.onstatechange=function(){"installed"===t.state&&(navigator.serviceWorker.controller?(console.log("New content is available and will be used when all tabs for this page are closed. See http://bit.ly/CRA-PWA."),a&&a.onUpdate&&a.onUpdate(e)):(console.log("Content is cached for offline use."),a&&a.onSuccess&&a.onSuccess(e)))})}}).catch(function(e){console.error("Error during service worker registration:",e)})}var s=t(15),o=new(t(16).Dispatcher),u={ADD:"ADD",PREV:"PREV",NEXT:"NEXT"},d={add:function(e){o.dispatch({type:u.ADD,page:e})},prev:function(){o.dispatch({type:u.PREV})},next:function(){o.dispatch({type:u.NEXT})}},E=t(6),v=t(5),p=t.n(v);t(48);var N=function(){return l.a.createElement("div",{className:"homeContainer"},l.a.createElement("div",{className:"title"},"Nueva Arquitectura Para un Presente Innovador"),l.a.createElement("div",{className:"imgContainer"},l.a.createElement("img",{src:p.a,alt:"Flux imagen",className:"fluxImg"})),l.a.createElement("div",null,l.a.createElement("span",{className:"name"},"Ing. David Curras")))},g=t(17),f=t.n(g);t(50);var h=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"\xbfArquitectura?"),l.a.createElement("img",{src:f.a,alt:"Common Concept",className:"commonImg"}))},x=t(18),I=t.n(x);t(52);var w=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"Arquitectura de Software"),l.a.createElement("img",{src:I.a,alt:"Technical Concept",className:"techImg"}))},C=t(19),A=t.n(C);t(54);var y=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"\xbfPor que es necesario un patr\xf3n de arquitectura?"),l.a.createElement("img",{src:A.a,alt:"Why Joke",className:"jokeImg"}))},V=t(20),T=t.n(V);t(56);var b=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"Historia de la Arquitectura"),l.a.createElement("img",{src:T.a,alt:"History",className:"historyImg"}))},M=t(21),q=t.n(M),D=t(7),S=t.n(D),F=t(22),R=t.n(F),k=t(8),B=t.n(k);t(58);var O=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"Algunas Arquitecturas de Software"),l.a.createElement("div",{className:"imagesContainer2 margin"},l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:q.a,alt:"3 Tier",className:"tierImg"})),l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:S.a,alt:"MVC",className:"mvcImg"}))),l.a.createElement("div",{className:"imagesContainer2"},l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:R.a,alt:"MVVM",className:"mvvcImg"})),l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:B.a,alt:"Flux",className:"fluxImgTool"}))))};t(60);var Q=function(){return l.a.createElement("div",{className:"boxView2"},l.a.createElement("div",{className:"nameComponent"},"View"))};t(62);var W=function(){return l.a.createElement("div",{className:"boxAction"},l.a.createElement("div",{className:"nameComponent"},"Action"))};t(64);var L=function(){return l.a.createElement("div",{className:"boxController"},l.a.createElement("div",{className:"nameComponent"},"Controller"))};t(66);var U=function(){return l.a.createElement("div",{className:"boxModel"},l.a.createElement("div",{className:"nameComponent"},"Model"))};t(68);var K=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"MVC"),l.a.createElement("div",{className:"mvcWrapper"},l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(W,null),l.a.createElement("span",{className:"arrow"},"\u2192"),l.a.createElement(L,null)),l.a.createElement("div",{className:"middle"},l.a.createElement("span",{className:"small down"},"\u2193")),l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(Q,null),l.a.createElement("div",{className:"viewModel arrow"},l.a.createElement("span",{className:"small"},"\u2192"),l.a.createElement("span",{className:"small"},"\u2190")),l.a.createElement(U,null))))};t(70);var P=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"El problema con MVC"),l.a.createElement("div",{className:"mvcWrapper"},l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(W,null),l.a.createElement("span",{className:"arrow"},"\u2192"),l.a.createElement(L,null)),l.a.createElement("div",{className:"middle"},l.a.createElement("span",{className:"small down"},"\u2193")),l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(Q,null),l.a.createElement("div",{className:"viewModel arrow"},l.a.createElement("span",{className:"small"},"\u2192"),l.a.createElement("span",{className:"small"},"\u2190")),l.a.createElement(U,null)),l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(Q,null),l.a.createElement("div",{className:"viewModel arrow"},l.a.createElement("span",{className:"small"},"\u2192"),l.a.createElement("span",{className:"small"},"\u2190")),l.a.createElement(U,null)),l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(Q,null),l.a.createElement("div",{className:"viewModel arrow"},l.a.createElement("span",{className:"small"},"\u2192"),l.a.createElement("span",{className:"small"},"\u2190")),l.a.createElement(U,null))))};t(72);var j=function(e){var a=e.active?"boxView active":"boxView";return l.a.createElement("div",{className:a},l.a.createElement("div",{className:"nameComponent"},e.children))};t(74);var H=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"FLUX"),l.a.createElement("div",{className:"mvcWrapper"},l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(j,null,"View"),l.a.createElement("span",{className:"arrow"},"\u2192"),l.a.createElement(j,null,"Action")),l.a.createElement("div",{className:"middleUp"},l.a.createElement("span",{className:"small up"},"\u2191"),l.a.createElement("span",{className:"small up"},"\u2193")),l.a.createElement("div",{className:"mvcContainer"},l.a.createElement(j,null,"Dispatcher"),l.a.createElement("div",{className:"viewModel arrow"},l.a.createElement("span",{className:"small"},"\u2190")),l.a.createElement(j,null,"Store"))))};t(76);var J=function(){return l.a.createElement("div",{className:"boxDispatcher"},l.a.createElement("div",{className:"nameComponent"},"Dispatcher"))};t(78);var Y=function(){return l.a.createElement("div",{className:"boxStore"},l.a.createElement("div",{className:"nameComponent"},"Store"))};t(80);var Z=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"FLUX"),l.a.createElement("div",{className:"itemContainer"},l.a.createElement("div",{className:"item"},l.a.createElement(W,null),l.a.createElement("span",{className:"textItem"},"Las Actions contienen la descripci\xf3n de la acci\xf3n a ejecutar. Generalmente tiene un campo identificador llamado tipo (type).")),l.a.createElement("div",{className:"item"},l.a.createElement(Y,null),l.a.createElement("span",{className:"textItem"},"Los Stores contienen el estado y la l\xf3gica de la aplicaci\xf3n. No son lo mismo que los modelos en MVC, ya que los modelos generalmente intentan modelar objetos individuales, mientras que los Stores en Flux pueden almacenar cualquier cosa.")),l.a.createElement("div",{className:"item"},l.a.createElement(J,null),l.a.createElement("span",{className:"textItem"},"El Dispatcher act\xfaa como un eje central. El Dispatcher procesa Actions e invoca a los Stores para realizar los cambios. El Dispatcher no es lo mismo que los controladores en el patr\xf3n MVC, generalmente el Dispatcher no tiene mucha l\xf3gica en su interior y puede reutilizar el mismo Dispatcher en todos los proyectos.")),l.a.createElement("div",{className:"item"},l.a.createElement(Q,null),l.a.createElement("span",{className:"textItem"},"Las Views son vistas que escuchan los cambios de los Stores y se vuelven a representar adecuadamente. Las Views tambi\xe9n pueden agregar nuevas Actions al Dispatcher. Las Views son equivalentes a las vistas de MVC."))))},G=t(23),X=t.n(G);t(82);var z=function(){return l.a.createElement("div",null,l.a.createElement("h1",null,"El flujo de la aplicaci\xf3n"),l.a.createElement("img",{src:X.a,alt:"Flux Flow"}))};t(84);var $=function(e){return l.a.createElement("div",{className:"boxStore",style:{backgroundColor:e.color}},l.a.createElement("div",{className:"nameComponent"},e.name))};t(86);var _=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"FLUX"),l.a.createElement("div",{className:"itemContainer"},l.a.createElement("div",{className:"item"},l.a.createElement($,{name:"Flujo",color:"#303030"}),l.a.createElement("span",{className:"textItem"},"El ",l.a.createElement("strong",null,"flujo de la aplicaci\xf3n")," es esencial para Flux y existen reglas muy estrictas que impone el Dispatcher. La arquitectura MVC no refuerza el flujo de la aplicaci\xf3n y la mayor\xeda de los patrones de MVC lo implementan de manera diferente.")),l.a.createElement("div",{className:"item"},l.a.createElement($,{name:"Direcci\xf3n",color:"#233339"}),l.a.createElement("span",{className:"textItem"},"La ",l.a.createElement("strong",null,"unidireccionalidad")," donde cada cambio pasa por el Dispatcher. Un Store no puede cambiar otros Stores directamente. Lo mismo se aplica para las Views y otras Actions. Los cambios deben pasar como Actions a trav\xe9s del Dispatcher. En MVC es muy com\xfan tener flujo bidireccional.")),l.a.createElement("div",{className:"item"},l.a.createElement($,{name:"Stores",color:"#64B3BA"}),l.a.createElement("span",{className:"textItem"},"El Dispatcher act\xfaa como un eje central. El Dispatcher procesa Actions e invoca a los Stores para realizar los cambios. El Dispatcher no es lo mismo que los controladores en el patr\xf3n MVC, generalmente el Dispatcher no tiene mucha l\xf3gica en su interior y puede reutilizar el mismo Dispatcher en todos los proyectos."))))},ee=t(2),ae=t.n(ee),te=t(3),ne=t.n(te),le=t(4),ce=t.n(le);t(88);var re=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"Un ejemplo que conozcamos todos"),l.a.createElement("div",{className:"exampleContainer"},l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Alfajor"),l.a.createElement("div",null,"$10"),l.a.createElement("div",null,l.a.createElement("img",{src:ae.a,alt:"Alfajor",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Gaseosa"),l.a.createElement("div",null,"$25"),l.a.createElement("div",null,l.a.createElement("img",{src:ne.a,alt:"Gaseosa",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Caramelos"),l.a.createElement("div",null,"$2"),l.a.createElement("div",null,l.a.createElement("img",{src:ce.a,alt:"Candy",className:"productImg"})))))};t(90);var ie=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"El Store Inicial"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,null,"View"),l.a.createElement(j,null,"Action"),l.a.createElement(j,null,"Dispatcher"),l.a.createElement(j,{active:!0},"Store")),l.a.createElement("div",{className:"main"},l.a.createElement("ul",null,l.a.createElement("li",{className:"product code"},"{ id: 'a001', name: 'Alfajor', price: 10 }"),l.a.createElement("li",{className:"product code"},"{ id: 'a002', name: 'Gaseosa', price: 25 }"),l.a.createElement("li",{className:"product code"},"{ id: 'a003', name: 'Caramelos', price: 2 }")))))};t(92);var me=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"La vista inicial"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,{active:!0},"View"),l.a.createElement(j,null,"Action"),l.a.createElement(j,null,"Dispatcher"),l.a.createElement(j,null,"Store")),l.a.createElement("div",{className:"exampleContainer"},l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Alfajor"),l.a.createElement("div",null,"$10"),l.a.createElement("div",null,l.a.createElement("img",{src:ae.a,alt:"Alfajor",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Gaseosa"),l.a.createElement("div",null,"$25"),l.a.createElement("div",null,l.a.createElement("img",{src:ne.a,alt:"Gaseosa",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Caramelos"),l.a.createElement("div",null,"$2"),l.a.createElement("div",null,l.a.createElement("img",{src:ce.a,alt:"Candy",className:"productImg"}))))))};t(94);var se=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"La Action"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,null,"View"),l.a.createElement(j,{active:!0},"Action"),l.a.createElement(j,null,"Dispatcher"),l.a.createElement(j,null,"Store")),l.a.createElement("div",{className:"main"},l.a.createElement("ul",null,l.a.createElement("li",{className:"product code"},"{ type: 'ADD_PRODUCT', product: { name: 'Chicle', price: 3 } }")))))};t(96);var oe=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"El Dispatcher"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,null,"View"),l.a.createElement(j,null,"Action"),l.a.createElement(j,{active:!0},"Dispatcher"),l.a.createElement(j,null,"Store")),l.a.createElement("div",{className:"main"},l.a.createElement("ul",null,l.a.createElement("li",{className:"code"},"import { Dispatcher } from 'flux';"),l.a.createElement("li",{className:"code"},"export default new Dispatcher();")))))};t(98);var ue=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"El Store Inicial"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,null,"View"),l.a.createElement(j,null,"Action"),l.a.createElement(j,null,"Dispatcher"),l.a.createElement(j,{active:!0},"Store")),l.a.createElement("div",{className:"main"},l.a.createElement("ul",null,l.a.createElement("li",{className:"product code"},"{ id: 'a001', name: 'Alfajor', price: 10 }"),l.a.createElement("li",{className:"product code"},"{ id: 'a002', name: 'Gaseosa', price: 25 }"),l.a.createElement("li",{className:"product code"},"{ id: 'a003', name: 'Caramelos', price: 2 }"),l.a.createElement("li",{className:"product code"},"{ id: 'a004', name: 'Chicle', price: 3 }")))))},de=t(24),Ee=t.n(de);t(100);var ve=function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"La vista inicial"),l.a.createElement("div",{className:"wrapper"},l.a.createElement("div",{className:"flux-flow"},l.a.createElement(j,{active:!0},"View"),l.a.createElement(j,null,"Action"),l.a.createElement(j,null,"Dispatcher"),l.a.createElement(j,null,"Store")),l.a.createElement("div",{className:"exampleContainer"},l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Alfajor"),l.a.createElement("div",null,"$10"),l.a.createElement("div",null,l.a.createElement("img",{src:ae.a,alt:"Alfajor",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Gaseosa"),l.a.createElement("div",null,"$25"),l.a.createElement("div",null,l.a.createElement("img",{src:ne.a,alt:"Gaseosa",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Caramelos"),l.a.createElement("div",null,"$2"),l.a.createElement("div",null,l.a.createElement("img",{src:ce.a,alt:"Candy",className:"productImg"}))),l.a.createElement("div",{className:"productItem"},l.a.createElement("div",null,"Chicle"),l.a.createElement("div",null,"$3"),l.a.createElement("div",null,l.a.createElement("img",{src:Ee.a,alt:"Candy",className:"productImg"}))))))};t(102);var pe={home:N,"001-common-concept":h,"002-technical-concept":w,"003-why-joke":y,"004-history":b,"005-architectural-history":O,"006-mvc":K,"007-mvc-problem":P,"008-flux-diagram":H,"009-flux-concepts":Z,"010-flux-flow":z,"011-flux-mvc-differences":_,"012-example":re,"013-example-store":ie,"014-example-view":me,"015-example-action":se,"016-example-dispatcher":oe,"017-example-store":ue,"018-example-view":ve,"019-flux-better-mvc":function(){return l.a.createElement("div",null,l.a.createElement("div",{className:"pageTitle"},"\xbfEs Flux mejor que MVC?"),l.a.createElement("div",{className:"imagesContainer margin"},l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:S.a,alt:"3 Tier",className:"tierImg"})),l.a.createElement("div",{className:"image"},l.a.createElement("img",{src:B.a,alt:"MVC",className:"mvcImg"}))))},"020-thanks":function(){return l.a.createElement("div",null,l.a.createElement("h1",null,"Gracias"))}},Ne=function(e){return pe[e]};t(104);var ge=function(){return console.log(p.a),l.a.createElement("div",{className:"headerContainer"},l.a.createElement("div",{className:"titleContainer"},l.a.createElement("div",{className:"headerTitle"},"Flux:"),l.a.createElement("div",{className:"headerSubTitle"},"Nueva Arquitectura Para un Presente Innovador")),l.a.createElement("img",{className:"fluxImg",src:p.a,alt:"flux Imgen"}))};t(106);var fe=function(e){var a=e.pages,t=a.list,n=a.current,c=t.length?t[n]:"home",r=Ne(c);return l.a.createElement("div",{className:"Pages",onClick:e.next,onContextMenu:function(a){a.preventDefault(),e.prev()}},0!==n&&l.a.createElement(ge,null),r?l.a.createElement(r,null):null)},he=t(28),xe=t(9),Ie=t(25),we=t(26),Ce=t(29),Ae=t(27),ye=t(30),Ve=new(function(e){function a(){return Object(Ie.a)(this,a),Object(Ce.a)(this,Object(Ae.a)(a).call(this,o))}return Object(ye.a)(a,e),Object(we.a)(a,[{key:"getInitialState",value:function(){return{list:[],current:0}}},{key:"reduce",value:function(e,a){switch(a.type){case u.ADD:return Object(xe.a)({},e,{list:Object(he.a)(e.list).concat([a.page])});case u.PREV:return e.current>0?Object(xe.a)({},e,{current:e.current-1}):e;case u.NEXT:return e.current<e.list.length-1?Object(xe.a)({},e,{current:e.current+1}):e;default:return e}}}]),a}(E.ReduceStore));var Te=E.Container.createFunctional(fe,function(){return[Ve]},function(){return{pages:Ve.getState(),prev:d.prev,next:d.next}});t(108),t(110);r.a.render(l.a.createElement(Te,null),document.getElementById("root")),s.list.forEach(function(e){d.add(e)}),function(e){if("serviceWorker"in navigator){if(new URL("",window.location.href).origin!==window.location.origin)return;window.addEventListener("load",function(){var a="".concat("","/service-worker.js");i?(function(e,a){fetch(e).then(function(t){var n=t.headers.get("content-type");404===t.status||null!=n&&-1===n.indexOf("javascript")?navigator.serviceWorker.ready.then(function(e){e.unregister().then(function(){window.location.reload()})}):m(e,a)}).catch(function(){console.log("No internet connection found. App is running in offline mode.")})}(a,e),navigator.serviceWorker.ready.then(function(){console.log("This web app is being served cache-first by a service worker. To learn more, visit http://bit.ly/CRA-PWA")})):m(a,e)})}}()}],[[31,2,1]]]);
//# sourceMappingURL=main.8f697ca5.chunk.js.map