{"data":{"markdownRemark":{"frontmatter":{"header":"Prenez un ☕ et détendez-vous 📖","description":"Retrouvez les retours d’expériences, des explications, des tutoriels... et aussi la vie de commit42 au travers d’articles et que nous espérons accessibles et toujours écrits dans la bonne humeur.","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsSAAALEgHS3X78AAACxElEQVQ4y2P4/4r5/0sGJMT0/yUzDsSIqpKBAUMzUAQHesmAU/M/kJ0Mn596P3sw/8XDyS8eTkVCk549WPD1qSNcGaZmZqDxbx+V3bj96/adZ7fvvIKjO3ee3bj9+8PjVKACkDJcmt89zrtz5+W9u9fu3b2FhK7dufPq45N4gprzb995c/fuzbtI4N7dm7fuvP3wJAGnZnB4Mrx5VISpGci9feftu8dJcGXomv88BzE+PMm+cev1nds37iCB27dv3Lj15tOzKKCCv89Z0DX/e8H4/yPDx1d8127OfPHs3ZPHDx8+ePDo4UMgAjKePnn4/Nn7azd6Pr9h//8erBiu+d8Lhv9vGR+eYaiZkjJh4809u3ds33Pg2Klzh4+fOnLiNJCxecee/ft2d62/2TQl7MUlkGKQFojmv0DWe8ZL+xnSm7Nn7b6zf++uvQcOX7h09ezFy0B04dKVHbv3HT64b/KOO1mNMXdOgBT/fYHk7L/Pmf5/YbhzVyWnfWb7tIXNU+c3TJxTUttSWt8KZLROXdA6dVFe59RnTyWBvvv3nBHDz68Znl7htg2LVHdL0PNJkjN145FS5ZVWU7Dw0vNJVHVNdIsN/XSPBRRbLzAD7A3Ds+sCnqm51lEl9nHF1hG5xj5xJr7x1hF5DnHFVpGlgdmZnx5wAu1ACTC4zW8fSCdPWBHSsiGiY11Ex4bIrs1ABGREtK8NatmUPXXR92f84HSCqRmUsGVSJ691yep3z+t1z+t3y+11y+3zyOtzy+l0yZmSO3PF9+f84LSIrpkJaPPr+zKla85F9ez0zO/zKZnqVTTZG4iKp3rmdUdPOFi97ujXJ7w4bf74SLh01Ym4WTcdM/rs03rs03ohyDGjN3ratZp1+34+Y8diM1gIlOMf39G4fMX2ykWzywhkeuWi6eUrdk/vqiJbi60kAZYYr3EgjMIEABmZ/2VmHdxMAAAAAElFTkSuQmCC","aspectRatio":1,"src":"/static/aa62540010f7b5dd069857df7e2d3ac8/6e29b/blog-c42.png","srcSet":"/static/aa62540010f7b5dd069857df7e2d3ac8/475cb/blog-c42.png 245w,\n/static/aa62540010f7b5dd069857df7e2d3ac8/6e29b/blog-c42.png 432w","sizes":"(max-width: 432px) 100vw, 432px"}}}}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"posts":[{"excerpt":"Cet article est le 2e d'une série consacrée à l'utilisation des styled-components avec React, pour lire la première partie c'est ici: La magie des…","timeToRead":12,"id":"b346133a-67cb-55e1-8bd2-d3449363bd7c","fields":{"slug":"/blog/la-magie-des-styled-components-2ere-partie/"},"frontmatter":{"tags":["styled-components","react","css"],"title":"La magie des styled-components - 2ème partie","date":"2020-06-11T20:43:16.685Z","thumbnail":{"childImageSharp":{"fluid":{"src":"/static/d0c6b675930c4cec2c100cc82553ea27/463d3/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg","srcSet":"/static/d0c6b675930c4cec2c100cc82553ea27/777d6/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 245w,\n/static/d0c6b675930c4cec2c100cc82553ea27/d5608/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 490w,\n/static/d0c6b675930c4cec2c100cc82553ea27/463d3/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 980w,\n/static/d0c6b675930c4cec2c100cc82553ea27/8cb60/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 1470w,\n/static/d0c6b675930c4cec2c100cc82553ea27/326b9/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 1960w,\n/static/d0c6b675930c4cec2c100cc82553ea27/883ab/johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg 2000w","aspectRatio":1.5003750937734435,"sizes":"(max-width: 980px) 100vw, 980px","originalName":"johannes-plenio-1vzlw-ihjam-unsplash-1-.jpg"}}}}},{"excerpt":"IntroVendredi dernier nous nous sommes réunis afin d'organiser notre travail sur notre side-project open-source Gatsbylius, une boutique e-commerce…","timeToRead":18,"id":"67abdfc1-140e-5ef2-a1b1-111f8358b301","fields":{"slug":"/blog/la-magie-des-styled-components-1ere-partie/"},"frontmatter":{"tags":["styled-components","react","css","sass"],"title":"La magie des styled-components - 1ère partie","date":"2019-12-10T08:23:08.618Z","thumbnail":{"childImageSharp":{"fluid":{"src":"/static/1ffc0c2adba2440156bfe9881f134e19/463d3/artem-maltsev-3n7ddlkmfeg-unsplash.jpg","srcSet":"/static/1ffc0c2adba2440156bfe9881f134e19/777d6/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 245w,\n/static/1ffc0c2adba2440156bfe9881f134e19/d5608/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 490w,\n/static/1ffc0c2adba2440156bfe9881f134e19/463d3/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 980w,\n/static/1ffc0c2adba2440156bfe9881f134e19/8cb60/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 1470w,\n/static/1ffc0c2adba2440156bfe9881f134e19/326b9/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 1960w,\n/static/1ffc0c2adba2440156bfe9881f134e19/97454/artem-maltsev-3n7ddlkmfeg-unsplash.jpg 4512w","aspectRatio":1.49800796812749,"sizes":"(max-width: 980px) 100vw, 980px","originalName":"artem-maltsev-3n7ddlkmfeg-unsplash.jpg"}}}}}],"tagName":"styled-components"}}