F_1ZCpf5ETak"}],["$","meta","5",{"name":"google-adsense-account","content":"ca-pub-5834256338017594"}],["$","meta","6",{"name":"google-site-verification","content":"W3xG0R8ES_dhlXhNnP1VNN03oAQG2hYF_1ZCpf5ETak"}],["$","meta","7",{"property":"og:title","content":"Developing Games with React, Redux, and SVG - Part 1 / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","8",{"property":"og:description","content":"Learn how to make React and Redux control a bunch of SVG elements to create a game. / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Developing Games with React, Redux, and SVG - Part 1 / Powered by Dev Resource / dev-resources.site 💗"}],["$","meta","11",{"name":"twitter:description","content":"Learn how to make React and Redux control a bunch of SVG elements to create a game. / Powered by Dev Resource / dev-resources.site 💗"}],["$","link","12",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}]] 3:null 13:I[7558,["609","static/chunks/609-cc37860f8f268b0f.js","116","static/chunks/app/topic/%5Btopic%5D/%5B...data%5D/page-a437ece3f1b32566.js"],"default"] 14:T421,

In this new series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games.

4:["$","div",null,{"className":"p-1","children":[["$","div",null,{"children":["$","div",null,{"className":"mb-4 prose prose-sm md:prose-base prose-invert prose-neutral max-w-none","children":[["$","div",null,{"className":"mb-4 rounded-xl grid grid-cols-1 border border-neutral-800 divide-y divide-neutral-800 overflow-hidden","children":[["$","div",null,{"className":"p-2 px-4 py-6 flex flex-row justify-between bg-neutral-900 relative","children":["$","h1",null,{"className":"pb-0 mb-0","children":"Developing Games with React, Redux, and SVG - Part 1"}]}],["$","div",null,{"className":"p-2 px-4 flex flex-row justify-between bg-neutral-900 relative","children":[["$","div",null,{"className":"font-bold text-foreground text-xs md:text-base flex items-center justify-center","children":"Published at"}],["$","div",null,{"className":"text-xs flex items-center justify-end space-x-3 text-foreground/60","children":["$","div",null,{"className":"inline-flex text-amber-500 text-xs opacity-80","children":"2/6/2018"}]}]]}],["$","div",null,{"className":"p-2 px-4 flex flex-row justify-between bg-neutral-900 relative","children":[["$","div",null,{"className":"font-bold text-foreground text-xs md:text-base flex items-center justify-center","children":"Categories"}],["$","div",null,{"className":"text-xs flex items-center flex-wrap justify-end gap-2 text-foreground/60","children":[["$","div","0",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"react"}],["$","div","1",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"redux"}],["$","div","2",{"className":"inline-flex bg-amber-500 text-neutral-950 px-1 rounded text-xs opacity-80","children":"svg"}],["$","div","3",{"className":"inli