{"componentChunkName":"component---src-pages-index-jsx","path":"/","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"date":"2021-10-26T00:00:00.000Z","path":"infinite-scroll-along-with-ssr-technical","title":"Infinite scroll along with SSR technical","tags":["vuejs"],"excerpt":"We have a long article list that are created every day like medium & we also care about the UX","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='352'%20viewBox='0%200%20400%20352'%20preserveAspectRatio='none'%3e%3cpath%20d='M291%2042c-26%205-39%2010-48%2018-5%205-5%205-5%203%200-5-3-12-4-13l-4%203c-3%204-4%204-4%200-1-4-4-4-7%200-2%202-2%203-2%2012%200%208-1%209-2%209-3%200-3%203-1%206l2%202-6%203c-8%203-8%205%200%206l5%201-1%204-4%207c-7%207-5%2015%204%2015h5l-3%204c-3%204-5%2012-4%2014%200%201-1%204-4%207-5%205-12%2020-15%2029l-3%2036c0%204%201%205%203%206s3%202%203%204c0%205%205%2018%209%2024%205%207%206%2019%206%2038l-4%2028c-1%202-1%202%202%202%202%200%202%200%202%202l-1%203-3%201c-2%200-2%200-4%203v10l21-1h19l-3-6-2-5%204%205%202%205h10c10%200%2014-1%2011-3l-2-2c0-2-8-8-12-9l-8%201c-5%201-5%201-4-4%200-3%200-3%204-3%204%201%206%200%206-3l2-7c6-13%208-37%204-51-3-13-3-12%202-16%206-4%208-7%208-13s2-6%206-1c3%202%205%203%208%203%206%200%2015-3%2019-7%201-2%203-3%205-3l7-2%208-4c8-4%2012-12%208-18-1-2-1-2%203-10%204-6%205-9%204-10-1%200-27-2-29-1l-1%201-2%203c-1%202-1%202-3%200s-2-2-5-1c-4%202-4%202-7%201l-3-4%201-2c2-3-1-5-4-3-2%201-4%201-7-1-3-1-3-1-8%201l-4%202%201-3%201-4%2010-1c18-2%2033-9%2039-19%202-6-2-15-9-18-4-1-4-2-1-4%208-4%208-15%201-19l-2-2c3%200%202-2%200-3l-2-4v-3h11c13%200%2016-1%2012-5-3-3-10-6-12-6s-1-1%202-2c5-3%206-5%203-6-3%200-3%200%201-2%209-4%206-8-5-8h-7l6-3c16-8%204-13-19-7m1%202l-21%206a826%20826%200%200125-4l4-1-5%204c-4%203-4%204-3%206s4%203%204%200l16-11c3-1%202-2-2-3l-18%203M120%2064c-16%204-32%2015-40%2027-9%2013-9%2028%200%2023%203-2%205%200%202%204-2%202-2%204-2%208%200%206%200%207-4%2014l-4%208-4%203-6%204-2%202%204%2010%206%2013%203%204-2%201c-3%202-4%2010-2%2015%202%203%202%203%208%203%205%200%206%200%209%203l3%204%206-2%208-2c2%200-2%2025-7%2037-2%205-1%207%202%205h8c7%200%207%200%207%202-2%206-3%2022-3%2031l1%2010h-3c-3%201-4%203-2%203l1%201%203%209c4%2010%204%209-5%208-11-1-16%203-17%2015v5h8a816%20816%200%200070-5%20472%20472%200%2000-3-34v-6h-7v-17l2-21%201-4%2013-3c17-4%2019-5%2017-6l-2-7-6-34c-1-2-1-3%201-6%202-5%203-22%202-31l-1-7c6%200%206-6%200-7-4-1-4-3%201-6%206-4%2014-12%2016-15%202-4%200-6-4-3-3%203-7%203-5%200s1-4-3-4c-5%201-6%200-10-15-5-22-14-34-25-37-7-3-24-2-33%200m118%2016a1343%201343%200%2001-5%2025l-1%208c-4%202-9-1-8-4%202-6-6-9-11-5-7%206-5%2011%204%2011%208-1%209%201%205%205s-7%209-7%2013c0%202%200%202%203%200%209-6%2022%202%2022%2012%200%204%205%205%2025%204%2014%200%2016%200%2023-2%2014-5%2021-11%2021-18s-17-19-18-13c-1%201%200%202%202%202%203%201%202%203-2%202h-14c0-2%201-2%207-4%204%200%203-1-4-2-4-1-4-1-4-5l1-3%203-5c2-5%209-11%2013-11l2-1-5-1-3-1%205-1c4%200%204-1%204-3v-2l-14%201-28-1-16-1m8%207c-4%201-5%204-1%203l7-1h6l-4%201c-8%203-14%2013-13%2020%201%205%204%207%2010%208l6%201-4%201-8%201h-3c0%203%206%203%2012%202%205-2%2011-6%2011-8l2-3c4-5%205-16%202-19l-5-3-3-2c1-2-9-2-15-1m-112%205a308%20308%200%2000-35%2015c-6%201-13%204-13%205h2c5-3%2012%201%2014%207%202%203%203%205%204%204v5c0%205%200%205%202%205%204-1%203%202-1%203-2%202-4%202-5%201h-2c-1%201%200%202%202%205l3%204%204-3c4-3%2013-6%2019-7%203%200%204%200%205%202%202%203%201%205-4%209-3%201-5%203-4%204l-2%202c-4%205%2011%200%2024-7l9-5%201-7%202-12c0-5%200-6%203-7%208-1%208-14%200-14-3%200-7%204-7%208%200%208-7%2025-10%2025-2%200-4-6-3-8v-3l-1-4v-4l-3%204c-3%204-7%207-13%209l-4%201h5l7-1%203%201c0%202-4%203-11%203-5%200-6%200-9-3-4-4-7-10-7-14%200-12%2018-21%2026-14%204%204%204%204%204-2%200-9%200-9-5-7m123%200v5c-1%206-4%2011-9%2013-6%202-1%206%207%205%208-2%2013-7%2013-16%200-3%200-4-3-5-2-2-8-3-8-2m32%203c-6%204-9%2013-5%2015%202%201%2013%202%2015%201%201-1%201-1-1-3-3-3-4-9-3-12%201-4-2-4-6-1m-169%209c-8%204-10%2010-6%2017%202%204%202%204%206%204%205%200%2012-3%2014-6%202-2%202-2%200-2-5%200-9-4-10-10%200-6%200-6-4-3m-31%2013c2%206%202%209%201%2012-2%204-2%204%201%204%204%200%2010-4%2011-7%200-2-3-10-6-10l-4-1c-3%200-3%200-3%202m177%209c-11%204-16%2015-6%2014%204-1%204-1%204%202%200%205%205%207%207%202%201-2%202-3%203-2l3-1c1-1%202-2%203-1l2-1%204-1c10%200%208-8-2-9l-4-2c-2-1-11-2-14-1m-40%209l3%204%203%202v18c1%2019%201%2019%203%2018%202%200%202-1%201-4v-16c0-14-1-18-5-21-4-2-5-2-5-1m-66%207a189%20189%200%2001-45%2020l1%202c2%203%202%203%206%201%2010-4%2021%201%2026%2011%202%205%206%207%209%206%204-1%205-5%204-13%200-7%200-7-3-7h-3v-7c0-4%201-6%202-7l1%201c0%203%201%202%206-1l5-2h-4c-3%200-3%200-3-2%200-3%200-3-2-2m-70%203a236%20236%200%2001-22%2010l-5%202%202%204%206%2013c4%207%204%208%207%207s5%200%205%203c-1%201%200%202%201%202l2%202v12c-1%201%200%202%201%203%203%203%204%203%2023-3%2015-5%2015-5%2012-9l-1-3-3%203-5%202c-2%200-4-3-4-4%201-1%200-1-1-1l-1-3-1-4c-4%200-1-6%205-11l4-2-8-12c-9-14-10-14-17-11m88%208l-1%202-4%202-5%202c-2%200-2%200-2%203%202%208%202%2010%201%2013l-2%205c0%202-5%205-10%205s-6-1-11-9c-6-10-17-12-30-4-5%203-5%205%200%203%205-3%206-1%201%203-4%204-4%207%200%203%205-4%205-1%202%203-5%206-4%206%201%202%205-6%207-5%2015%203%209%2010%2013%2012%2023%2011%208-1%2017-5%2021-10s6-26%203-34l-2-3m87%209c-3%202-8%2013-11%2023-2%208-6%2013-10%2013-3%200-9-9-9-14%200-3-1-3-7%201-7%203-7%205-4%2015%205%2013%2021%2018%2031%209%206-5%2010-16%207-19-2-2-3-8-1-8l1-2c0-3%202-3%203%200s1%204-1%204-1%203%201%204c7%201%2010-3%207-11l-2-5c2%200%205%206%206%2010%201%203%203%203%203%200l-2-7c-4-8-3-9%202-2%203%206%208%207%2013%205%205-1%206-4%205-7h-4c-4%202-7%201-14-6-7-5-10-6-14-3m35%2015c-7%2010-14%2024-14%2026l6%201h9c3%201%203%201%204-3l1-7c0-6%206-11%2013-11%202%200%203-1%206-7%205-8%204-9-3-9l-11-1h-5l-6%2011m-18%206c0%201-3%204-6%204-4%201-4%203-1%207%204%206%208%206%2011%200l4-7c4-5%204-5-2-5l-6%201m-208%204c-3%203-4%207-2%2011%201%202%206%203%206%201l1-2c2-1%205-7%205-8l-4%202c-5%204-7%202-3-4%203-4%201-4-3%200m50-2l3%206c3%205%203%206-10%2010l-10%204-1%2010c-1%208-4%2022-7%2028%200%202%200%202%2021%202%2025-1%2036-3%2062-9%202%200%202%200%202-6l-5-31-1-5-3%202c-5%204-9%206-16%207-12%202-20-1-29-11l-6-7m193%201l-6%203c-1%202-1%202%203%202l5-1c3-1%202%202-2%204-3%201-3%202-1%202%204%200%204%202-1%204-2%200-3%201-2%202%204%201%2012-8%2012-12-1-4-3-5-8-4m-50%206l2%209%203%209c0%207%2013%207%2022%201l2-2h-3l-7-1c-4%200-4%200-4-4%201-3%200-3-2-3s-10-7-10-9l-1-1-2%201m-54%2019l-9%201h-5v5c1%207%205%2018%209%2024%207%209%209%2033%204%2056l-1%2010%2016-2%206-31c1-16-3-33-8-34-2-1-2-1-1-3l5-1c6%200%2019-4%2024-7%206-3%209-7%209-13%200-5-1-5-8-1-7%203-15%203-22%200l-5-4h-14m34%2025l-9%203c-4%200-7%202-7%202h1l1%201%201%207c4%209%203%2031%200%2044l-3%2011h7l7%201%202-5c6-13%209-38%205-57-1-8-2-9-5-7m-111%2011l-9%201c-1%202-3%2019-3%2029%200%2011%200%2011%202%2012s3%201%204%2010l1%2012v4l4-2c2-2%204-2%208-2%204%201%204%201%204-1l-2-6c-1-6-3-10-4-11s-1-2%201-3c2-2%202-3%202-15s1-22%203-27l-1-2-10%201m13%204l-2%2021v16h3l4-1v-21l1-20h-3c-1%200-2%201-3%205m-30-2c-2%200-3%201-3%202-2%203-3%2020-3%2029v10h3c4%200%205-1%205-6-1-5%200-21%202-30l1-6-5%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.1428571428571428,"src":"/static/a4e758a29b6597159113aa5f594d3e15/994e1/cover.png","srcSet":"/static/a4e758a29b6597159113aa5f594d3e15/aab46/cover.png 72w,\n/static/a4e758a29b6597159113aa5f594d3e15/eed38/cover.png 144w,\n/static/a4e758a29b6597159113aa5f594d3e15/994e1/cover.png 288w,\n/static/a4e758a29b6597159113aa5f594d3e15/8cf13/cover.png 432w,\n/static/a4e758a29b6597159113aa5f594d3e15/bb8b5/cover.png 576w,\n/static/a4e758a29b6597159113aa5f594d3e15/c95b5/cover.png 717w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2021-02-25T00:00:00.000Z","path":"The-overwhelming-world-of-Japanese-web-design","title":"The overwhelming world of Japanese web design","tags":["ux"],"excerpt":"Inmost parts of the world, modern websites are simple. The array of links, banners and icons that were common in web design in the early 2000s have been replaced with concise, relevant content that helps users achieve goals.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='209'%20viewBox='0%200%20400%20209'%20preserveAspectRatio='none'%3e%3cpath%20d='M122%204h75v9h-74a1862%201862%200%20006%201h80V3H48l74%201M7%205c-2%201-1%205%200%205h4l2%202h6l4-1%201-1h1l3%201%204-1%201-2h1c0%202%202%203%202%201%200-3-2-3-7-3-7%200-7%200-7%202h-1l-2-2-2-1H7m243%2016v16l1%2014h78V20h-39l-40%201M71%2030l1%208c2%200%203%203%202%204h4c1%202%200%202-3%202l-4%201%2021%201%2020-1-6-1c-5%200-6%200-4-1h4c3%200%203%200%203-2-1-2%200-3%201-3%202%200%202-1%202-8v-8H71v8m190%201l-2%202c-2%200-4%203-4%207l1%203%202%201h17c3-1%203-2%203-8v-7h-8c-7%200-8%200-9%202M117%2044v3h19v-7h-19v4M22%2056l-4%203H8l-1-1c-1-3-3-2-3%202%200%203%202%205%202%203h10l10%202%201-5-1-5-4%201m374%200l-4%201-2%201h-5l-6%201h-1l-1-2c-1-1-1%201-1%204%200%202%200%204%201%203%200-2%200-2%2011-1l9%202v-6l-1-3M4%2076a907%20907%200%20003%2095l3%202c2%200%203%202%202%203H9l-2%202-2%202c0%202%201%202%206%202%2010%200%2018-3%2013-4v-2c2-1%203-9%202-10h-1l-1%202h-2v-3l2-2c2-2%202-2%201-3v-1c2-1%202-5%202-42s0-41-2-40H15C4%2075%205%2075%204%2076m372%2020v21h6l6-2-2-1c-3%201-4%200-1-2l1-2%202-1%201-1c-2-2-4-1-5%202l-2%202%201-4c2-3%202-3%205-2%203%200%205%202%203%203-1%201-1%203%201%205%201%201%201%201-1%201l-2%201%204%201h4V78l-8-1-10-2h-3v21m-307%208v16h126V87H69v17m133-9v8h16l16%201%202%208%203%208h92l-1-9V87H202v8m-83-5c-8%204-9%2014-3%2022l13%201c3-1%204-2%205-5%202-4%204-12%202-10-1%201-1%201-1-1%202-5-8-10-16-7m26%201c-5%204-7%209-4%2016l4%204c6%204%2010%204%2016%200%203-4%204-4%204-9%200-6-1-6-4-10-5-4-12-4-16-1m29-1c-10%205-10%2019%200%2025%205%202%2011%201%2015-3%2011-10%200-28-15-22m138%205l1%205%207%201h8V90h-16v5m-192%207l1%207%201-1h1c1%201%204%200%204-1h1c1%202%202%200%202-6l-1-4-4-1h-5v6m88%207c-3%202%201%207%204%205h8c0-2%203-2%205%200h3c0-2%201-2%201-1l1%201%201-3c0-2%200-3-2-3-1%200-2%201-2%203l-1%202-1-2c0-2-1-3-3-3s-3%200-3%202c0%201%200%202-2%201v-1l1-2-3%201h-7M69%20134v12h126v-25H69v13m133-8v16h47v-16h-47m-120%202H72v4l-1%206%202-1c2-2%202-2%201%200l1%202%201-2c0-1%200-2%201-1l1%202c-1%202%201%201%202-1%201-1%201-1%201%201h2c1-2%201-6-1-7v-1l1-2h-1m144%2022l-1%202h-23v6h8c8%200%208%200%208-2-1-2%200-4%201-2h4c2%200%202%200%202%202v2l2-2%201-2v2c0%202%201%202%203%202%203%200%207-3%205-3l-1-3-1-4-1%202-1%202-1-1v-2l-1%201-1%201-1-1-1-2-1%202m17-1v2l-2%201-3%202h1c2-1%202-1%204%201h2c0-2%203-1%203%201%200%201-6%202-8%200h-1c-1%202%204%202%2045%202h47l-1-3v-3h-11l-11-1h-1l-1%201v-3c0-1-2-2-3%200h-4c0-2-5-1-5%201h-1c-1-1-8-3-8-1h-34c-2%200-2%200-1%201%202%200%203%202%200%202l-2-2c0-2-2-3-2%200l-1-1h-2m113%205v5l1%203h40v-9h-20l-21%201m0%2011v5l1%203h40v-9h-20l-21%201m-183%207c-4%204%200%208%207%208l4%201h-1l-2%201c0%201-1%202-3%201l-2%201-2%202-2-2-2-1-1%201c1%201%200%202-2%202l-2-2-2-1c-2%200-3%200-3%202%201%202%2031%203%2034%200v-2l-1-2c0-3-2-3-4-1l-2%203v-3c1-1%200-2-1-2l-1-2c0-4-9-7-12-4m29%207v8h6c3%200%205-1%205-2-1-2%203-3%205-1l1%203%203-3c2-2%205-2%205%201%200%202%203%202%2054%202h50v-16H202v8m-118-1l-1%205-3%202-2%202h14c7%200%2013%200%2011-1l-2-2h-1c0%202-8%202-8%200l1-1c1%201%202-1%202-7v-4H84v6m18-5c-2%201-1%202%200%201%203-1%203%202%201%204-3%202-3%204%201%204l3-1-2-1v-2c1-1%202-1%203%201%201%203%205%204%206%201l2%201c3%202%205%201%206-3%200-5-3-7-6-4l-2%201-1-2c-2-1-5%200-5%201h-2c-3-2-3-2-4-1m21%205c-1%201%200%203%201%202%203%200%206%202%206%204-1%202-5%202-5%200s-2-1-2%201h-1l-1-2-1%202c1%201%202%202%2013%202%207%200%2011%200%2010-1l-2-2-3-1c-2%200-2%200%200%201%201%201%201%201-2%202h-5c0-1%201-5%203-5h5l1-2v-1c1-1-2-1-7-1l-10%201m113%204v3h44v-6h-44v3M18%20196l-2%201c0-1-5%202-7%205-2%202-2%203-1%203s2%201%201%202l3%201%2010-2c-3%200-1-3%202-3%201%200%202-2%202-5l-2-1-2-1c0-2-2-3-4%200m371-1v2h-1c-1-1-1-1-3%201l-3%202-2%201c-3%204-1%207%204%207s12-2%209-2c-2%200-2%200-1-2%201-1%202-2%203-1%202%200%201-2-1-5l-1-3h-4m-207%201l-8%201h4v5c0%204-1%205-2%205l-1-1-1-5-1%201v1l-1-1-1-1-1%201h-1c-2-3-3-2-2%201l-1%203h-1l-1-2-1%201a547%20547%200%2001-54%200l18%201v-7h-21l-21%201-1%202c0%203-1%203-2%202l-2%201c0%202-1%202-5%202h-6l63%201h63v-13l-13%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.894736842105263,"src":"/static/aae81ff90c10485a6b6e6a0b68bfee6a/994e1/rakuten.png","srcSet":"/static/aae81ff90c10485a6b6e6a0b68bfee6a/aab46/rakuten.png 72w,\n/static/aae81ff90c10485a6b6e6a0b68bfee6a/eed38/rakuten.png 144w,\n/static/aae81ff90c10485a6b6e6a0b68bfee6a/994e1/rakuten.png 288w,\n/static/aae81ff90c10485a6b6e6a0b68bfee6a/8cf13/rakuten.png 432w,\n/static/aae81ff90c10485a6b6e6a0b68bfee6a/bb8b5/rakuten.png 576w,\n/static/aae81ff90c10485a6b6e6a0b68bfee6a/6d019/rakuten.png 691w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-12-24T05:25:44.226Z","path":"react17-new-features","title":"What's new in React 17 ( No new features )","tags":["html","css","reactjs"],"excerpt":"In this article let's discuss the new upgrades made to React v17.0 that were released on October 20, 2020. React 17 has no new developer features added to it rather it has features added for backward compatibility.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m185-44c-3%201-4%208-3%2013v5l-5%202c-12%205-11%2014%201%2019l4%202v5c-2%2012%205%2016%2016%209l4-3%205%204c11%207%2016%203%2015-11v-4l5-3c11-5%2011-12%201-18l-6-2v-7c0-12-5-15-16-8l-4%203-4-2c-6-5-10-6-13-4m0%204v12h5c4%200%205-1%208-5l2-3-5-3c-5-3-8-4-10-1m26%200c-7%203-7%204-4%208%202%203%203%204%207%204%205%201%205%201%206-4%201-9-3-12-9-8m-18%2019c-4%205-4%206%200%2012l2%205h13l3-5c4-5%204-6%200-12l-3-5h-12l-3%205m-15%200c-9%204-9%209%201%2013l4%202%201-4c2-4%202-4%201-9-1-4-3-5-7-2m41%202c-2%204-2%205%200%209s2%204%205%203l6-4c4-3%203-7-3-10s-6-3-8%202m-21%200l-2%204%202%204%204%202%204-2%202-4-2-4-4-2-4%202m-13%2018v11c2%203%209%202%2013-3%202-1%202-2-1-5-4-4-11-6-12-3m29-1c-3%200-5%201-7%204l-3%204%202%202c5%204%2011%205%2013%202s1-13-1-13l-4%201m-50%2032c-2%202-3%204-3%208-1%205%200%208%202%205l2-1c2%202%208%203%2010%201h15c1%201%203%201%203-2l3-1%203%201c-1%204%202%204%204%201l1-3c-1-2%201-1%202%201%203%204%2011%205%2012%202%200-2%200-2-2-2-4%200-7-1-7-3s7-5%2011-5c5%200%205%200%203%204v6c1%203%204%203%204%200-1-1%200-4%201-6%202-4%202-5%205-5l4-2c0-2-6-2-13-1h-7c-1-2-9%202-11%205-2%204-4%203-4-1l-2-4c-2-1-7%203-9%208l-3%204h-5l-4-1%202-1%204-1c3-1%201-4-2-4-2%200-1-1%202-1%207-2%206-6-1-4-6%200-7%201-8%205l-1%206v3l-4-2-4-1%203-2c3-1%204-4%201-8-2-3-3-3-7%201m86-2v2l3%202h4c1%201-1%203-3%203s-4%203-2%204l1%203c0%203%202%203%204-1l3-3c3-1%204-4%202-4l-1-1c1-3-4-6-7-6l-4%201m58%203c-5%203-6%2010-2%2017%203%206%203%206%209%205%209-3%2013-8%2011-16-2-7-12-11-18-6m-227%200c-7%203-9%2013-4%2018%209%207%2022%200%2019-11-2-6-9-10-15-7m-28%2030c-2%203-1%205%202%205l3-1h1c1%202%202%202%204%201h6c3%200%205-2%205-4s0-2-1-1c-1%202-2%202-2%201-1-1-1-1-2%201-2%201-2%201-1-1l-1-2-2%203-2%202c-2%200-2%200-1-1l2-2c1-3-3-3-4%200-1%202-1%202-1%200%200-4-2-4-2-1l-1%203v-3c0-3-2-3-3%200m32%202c-1%203%200%204%204%203h5l1-3%201-1%201%202c0%203%200%203%202%200l1-3%201%202c0%203%203%204%205%202h1c1%201%208%202%2010%201v-1c-2%200-2%200-1-1l3-1c2%200%203%202%201%202l-1%201h2l2-3v-1l1-1-5-1c-5%200-6%201-6%203l-2%202v-5l-3%201h-1c0-1-1-1-2%201-2%202-2%202-2%200-1-2-7-3-8-1h-1c0-2-2-1-3%202l-3%202c-2%200-2%200%200-1l1-1v-1c1-2%201-2-1-2s-3%201-3%203'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7560975609756098,"src":"/static/9daa87fd6b59f56f1454a4e46c5a351f/994e1/react17.png","srcSet":"/static/9daa87fd6b59f56f1454a4e46c5a351f/aab46/react17.png 72w,\n/static/9daa87fd6b59f56f1454a4e46c5a351f/eed38/react17.png 144w,\n/static/9daa87fd6b59f56f1454a4e46c5a351f/994e1/react17.png 288w,\n/static/9daa87fd6b59f56f1454a4e46c5a351f/8cf13/react17.png 432w,\n/static/9daa87fd6b59f56f1454a4e46c5a351f/bb8b5/react17.png 576w,\n/static/9daa87fd6b59f56f1454a4e46c5a351f/5707d/react17.png 1600w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-05-21T05:25:44.226Z","path":"code-splitting-in-react","title":"Code splitting in react with React.lazy() and Suspense","tags":["html","css","reactjs"],"excerpt":"Suppose the bundle size of your project is very huge and you don't want to load everything at once during the initial render you can use code splitting along with React to improve the performance and load time of your application.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='219'%20viewBox='0%200%20400%20219'%20preserveAspectRatio='none'%3e%3cpath%20d='M221%2013A234468%20234468%200%200086%2058c6%2015-8%2035-25%2035-9%200-21-7-24-16l-3-4-17%205-16%206-1%2067v68h401v-26l-1-110V0H260l-39%2013m61%2040v14h28V39h-28v14m1%200v13h26V40h-26v13M155%2083c-2%201-9%2011-9%2013s-2%201-2-2c-2-10-15-15-15-5%200%204%204%208%2010%2010%2015%206%2037-9%2024-15-3-2-5-2-8-1m-1%205l-4%207-3%204%203-1c6-1%2012-4%2013-6%202-6-5-8-9-4m-29%2023v8h18v-5l1-9v-3h-19v9m22%2020v8h19v-17h-19v9'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.8461538461538463,"src":"/static/9fe51c6e6dab4ae76d9944746bfff13e/994e1/codesplitting.png","srcSet":"/static/9fe51c6e6dab4ae76d9944746bfff13e/aab46/codesplitting.png 72w,\n/static/9fe51c6e6dab4ae76d9944746bfff13e/eed38/codesplitting.png 144w,\n/static/9fe51c6e6dab4ae76d9944746bfff13e/994e1/codesplitting.png 288w,\n/static/9fe51c6e6dab4ae76d9944746bfff13e/8cf13/codesplitting.png 432w,\n/static/9fe51c6e6dab4ae76d9944746bfff13e/bb8b5/codesplitting.png 576w,\n/static/9fe51c6e6dab4ae76d9944746bfff13e/db955/codesplitting.png 900w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-05-15T05:25:44.226Z","path":"center-align-things-with-css","title":"Center aligning content with CSS and flex-box","tags":["html","css","reactjs"],"excerpt":"Many a time I noticed that people find it very difficult to align content to the center either vertically or horizontally using CSS. So let's see few ways in how you can align content with css.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='267'%20viewBox='0%200%20400%20267'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20134v133h401V0H0v134m41-69v12h154V52H41v13m167-1v12h72V52h-72v12m81%202l1%2015h72V52h-73v14m-81%2023v7h72V81h-72v8M42%2084l-1%2026v25h73V84l-36-1-36%201m81%201v83h72V83h-36c-33%200-36%200-36%202m166%2011v10h73V86h-73v10m-81%2018v13h72v-26h-72v13m82%205v7h71v-15h-71v8m-82%2031v18h153v-36H208v18m-167%203l1%2015h71v-29H41v14m42%2032c-5%202-6%205-6%209%200%206%202%208%2012%2010%204%201%204%203%201%204-2%201-3%201-5-1-3-2-9-2-9%201l4%205c7%207%2019%202%2019-7%200-5-2-8-9-9-4%200-7-2-6-4s6-1%207%201c1%201%207%202%207%200%201-1-1-6-3-7-4-3-9-3-12-2m31%200a9%209%200%20002%2018c7%202%209%204%203%205l-4-1-4-1c-5-1-5%203-2%207%204%204%2015%204%2019%200%205-7%202-14-7-16-5%200-5-1-5-3s5-3%206-1c1%203%207%203%207%200%200-5-7-10-11-9l-4%201m197%201l-5%201-2%204c-4%205-4%2013-1%2018%206%2010%2021%209%2026-1%206-14-5-27-18-22m-265%202c-11%209-6%2027%209%2027%206%201%2010-2%2012-7%202-4%202-5-2-5-3%200-4%201-5%203-4%205-13%200-12-7s7-9%2011-4l6%202c4%200%204-1%202-5-3-7-15-10-21-4m109%2012l1%2015h3l4%201v-10h9v-8h-4c-5%200-5%200-5-3s0-3%205-3%205%200%205-3c1-4%201-4-9-4h-9v15m28%200v16h18v-8h-10v-22l-4-1h-4v15m27%200v16h18v-8h-5c-5%200-5%200-5-3%200-2%200-2%204-2l5%201v-8h-4c-4%200-5%200-5-2s1-2%203-2c7%200%207%200%207-3v-4h-18v15m26-15l4%208%204%206-2%204-5%208c-2%204-2%205%203%205%203-1%204-1%206-5%202-5%204-4%206%201l2%203c9%202%209%200%204-8l-5-8%204-6c5-8%205-8%200-8-3%200-4%200-6%204l-2%203-2-3c-2-4-3-4-7-4h-4m34%2015l1%2015h9c8%200%209-1%2011-3%202-3%203-8%201-11-1-1-2-2-1-4%202-4%201-6-2-9s-3-3-11-3h-8v15m67-14l4%207%204%206-5%207c-5%208-5%2010-2%209h4l4-4c3-5%203-5%206%200%202%204%203%204%207%204s4%200-1-8-5-7%200-15c4-7%204-7-1-7-3%200-4%200-5%204l-3%203-2-3c-2-4-2-4-6-4l-4%201m-26%209c-5%207%203%2017%209%2011%202-2%203-9%201-11-2-3-8-3-10%200'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5,"src":"/static/1c65e8062d6b8d416bbfb2c1b729e891/37e8d/flexbox-css.jpg","srcSet":"/static/1c65e8062d6b8d416bbfb2c1b729e891/09f2d/flexbox-css.jpg 72w,\n/static/1c65e8062d6b8d416bbfb2c1b729e891/24010/flexbox-css.jpg 144w,\n/static/1c65e8062d6b8d416bbfb2c1b729e891/37e8d/flexbox-css.jpg 288w,\n/static/1c65e8062d6b8d416bbfb2c1b729e891/35c37/flexbox-css.jpg 432w,\n/static/1c65e8062d6b8d416bbfb2c1b729e891/6aab9/flexbox-css.jpg 576w,\n/static/1c65e8062d6b8d416bbfb2c1b729e891/8e2a4/flexbox-css.jpg 1140w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-04-20T05:25:44.226Z","path":"promises-in-javascript","title":"Working with promises in Javascript","tags":["javascript","typescript","nodejs","reactjs"],"excerpt":"Let's talk about promises in javascript. What exactly is a promise in javascript and how to handle promises. This article will talk about the different methods to resolve promises.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='244'%20viewBox='0%200%20400%20244'%20preserveAspectRatio='none'%3e%3cpath%20d='M187%2010c-17%204-29%2017-33%2034l-1%205h-8c-9%200-10%201-12%2010-2%2011-2%2011-8%2011-16-1-27%2018-29%2050%200%2012%200%2012%202%2014l5%203%202%201-13%2043c-13%2040-15%2048-12%2051%202%202%20235%202%20237-1%203-2%202-8-6-33l-8-25%205-1c8%200%2010-1%2011-3%204-5%203-7-1-13-12-14-16-26-17-50-1-20-2-24-12-33l-5-5h-21c-18%200-20%200-20-2a46%2046%200%2000-56-56m-46%2051c-1%206-4%2015-6%2016l-9%201c-6%200-7%200-10%203-7%207-12%2022-12%2040v9h16l-2%207-9%2034-7%2026%202%207c2%208%202%209%208%207l5-1h-6c-3%200-4%200-3-1%203%200%203%200%202-3l-1-3a215%20215%200%200136%201l-4%203c-2%201-1%202%2022%202l24%201h-50a251%20251%200%200070%200c7%200%207%200%2012-2h19l34%203h20l1-7%202-7-4-16-4-16%2014-1%2013-1-3-4a89%2089%200%2001-18-57c0-12-2-19-9-24l-4-3h-32l-32%201%203%206%203%209%201%203-7-1c-9%200-15%202-16%206l-1%203-14-1-15-1c-1%200%202-11%204-14%203-4%206-5%2010-2l4%202%201-2c3-4%204-13%204-21v-6l-26-1h-26v5m85%2046c1%208%202%2012%204%2010l1%201c1%201%206%200%206-1h3l1-1v1h6l1-1h3l3-1%201-2c2%202%203-3%201-6-1-3-1-3-2-2h-2c-2-2-2-2%203-2%203%200%201-1-5-1l-12%201h-1l1-1-6-2-2%202-2%202c-2-1-1-4%201-4%201-1%201-1-1-1l-2-1v9m-85%2058l-3%2011h-8c-2-2-8%200-9%202-1%204%2015%206%2022%203%204-3%205-4%206-14%203-13%203-12-2-12h-5l-1%2010m20-8c-7%204-3%2010%208%2013l7%203c2%204-8%206-13%202-3-2-11%200-8%203%203%204%2018%206%2024%203%2010-5%208-11-4-15-8-2-9-4-8-6h13l3-2-3-1c-4-3-15-3-19%200m48%2031c-3%201-9%206-9%208l3-1c5-5%2010-5%2025-4l14%202-8-3c-10-3-20-3-25-2'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.6363636363636365,"src":"/static/c2e2602606aecbaead43ebcb31d5fc22/994e1/javascript.png","srcSet":"/static/c2e2602606aecbaead43ebcb31d5fc22/aab46/javascript.png 72w,\n/static/c2e2602606aecbaead43ebcb31d5fc22/eed38/javascript.png 144w,\n/static/c2e2602606aecbaead43ebcb31d5fc22/994e1/javascript.png 288w,\n/static/c2e2602606aecbaead43ebcb31d5fc22/8cf13/javascript.png 432w,\n/static/c2e2602606aecbaead43ebcb31d5fc22/bb8b5/javascript.png 576w,\n/static/c2e2602606aecbaead43ebcb31d5fc22/5e6f2/javascript.png 789w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-04-08T05:25:44.226Z","path":"why-i-migrated-my-website-from-wordpress-to-gatsby","title":"Why I migrated my website from wordpress to gatsby? (gatsby vs wordpress)","tags":["javascript","gatsby","typescript"],"excerpt":"While building a CMS for blogging, worpdress is the most commonly used platform. Gatsby has also topped the list recently. This article talk which one to go for and why I shifted from wordpress to gatsby. Is gatsby better than wordpress is the question I would be answering.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m170-45c-4%203-5%208-5%2020l1%209-6%202c-11%205-19%2013-18%2019%202%206%209%2012%2019%2016l5%201v12c-1%2013%201%2017%207%2020h8c4-1%2017-9%2019-11l7%204c13%2010%2025%2010%2028-1v-20c-1-3-1-3%207-7%2021-10%2021-22%200-32l-8-3%201-5c4-26-9-35-29-19l-6%204-4-3c-10-9-20-11-26-6m4%203c-3%202-4%2010-4%2017%201%207%201%207%2010%206%206-1%207-2%2010-5l4-5c3-3%203-3-2-7-8-6-15-8-18-6m43%201c-5%202-12%208-12%209l5%207c4%205%204%205%2011%206l8%201%201-10c0-14-3-17-13-13M64%2074c-11%204-21%2013-26%2024-5%2010-5%2025%200%2036%2015%2029%2054%2032%2073%205%2016-23%205-56-23-64-6-2-18-2-24-1m248%201c-11%202-25%2012-30%2022-20%2043%2034%2082%2067%2049%2029-29%204-78-37-71m-6%206c-6%203-9%205-14%2010-4%204-4%205%204%204l6%201-2%202c-4%200-4-1%203%2019%208%2024%207%2023%2012%2010%203-11%203-12%202-16-2-9-5-13-8-13l-2-1c1-2%2023-2%2024-1l-1%202h-3c-2%201-1%205%205%2021l7%2019%206-25c0-2-1-6-4-10-3-8-3-10%201-14l2-2-3-2c-9-6-25-8-35-4M66%2084c-6%202-12%206-15%2010l-7%2013c0%201%2036%2039%2039%2040s13-4%2018-10c4-4%208-12%208-18l1-3H89l-1%202v3h7l8%201c0%205-12%2019-17%2019l-35-35c0-2%203-8%207-11%2011-9%2026-9%2036%200%205%204%205%204%207%202s2-2-2-5c-8-9-23-12-33-8m128%2014c-5%200-4%200-11%2011l-4%207%203%205%205%2010%203%204h21l3-5%205-9%202-5-3-6c-7-13-7-13-24-12m159%206l-13%2042c-3%207%209-5%2013-13%204-7%205-23%202-29l-2-4v4m-191%200c-18%208-18%2016-2%2024%207%203%208%203%2010-5l3-7-3-7-2-7-6%202m68%205l-2%208%202%206c2%207%203%207%205%206%208-1%2018-9%2018-13%200-2-7-9-12-11-9-4-8-4-11%204m54-4l-1%2011c0%2012%202%2018%2011%2027%208%208%2010%208%207-1a2802%202802%200%2001-16-40l-1%203m-88%201c-10%205-7%2021%205%2021%205%200%2010-6%2010-11%200-4-4-10-7-10h-8M43%20121c2%209%209%2019%2018%2024%203%202%2013%204%2013%203l-29-30c-2-1-2-1-2%203m277-1a644%20644%200%2001-10%2031c0%203%2017%204%2021%201%201%200%200-4-4-14l-7-18m-149%2018c-1%203-1%2018%201%2021%203%205%2012%203%2021-4l3-4-5-6c-5-5-5-6-10-6l-7-2-3%201m50%200c-6%202-8%202-10%205l-5%206-2%202%205%204c9%207%2017%209%2020%204%202-4%201-22-1-22l-7%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7560975609756098,"src":"/static/245aecc3e8c42b31f1e4796cebebd2ce/37e8d/gatsby-wordpress.jpg","srcSet":"/static/245aecc3e8c42b31f1e4796cebebd2ce/09f2d/gatsby-wordpress.jpg 72w,\n/static/245aecc3e8c42b31f1e4796cebebd2ce/24010/gatsby-wordpress.jpg 144w,\n/static/245aecc3e8c42b31f1e4796cebebd2ce/37e8d/gatsby-wordpress.jpg 288w,\n/static/245aecc3e8c42b31f1e4796cebebd2ce/35c37/gatsby-wordpress.jpg 432w,\n/static/245aecc3e8c42b31f1e4796cebebd2ce/6aab9/gatsby-wordpress.jpg 576w,\n/static/245aecc3e8c42b31f1e4796cebebd2ce/f9913/gatsby-wordpress.jpg 750w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2020-04-01T05:25:44.226Z","path":"how-to-build-your-own-compiler","title":"How to build your own compiler ? ( The Worlds smallest compiler )","tags":["javascript"],"excerpt":"Compilers are there everywhere in our day to day use. Most developers tend to ignore it because they feel only the nerdiest of the geeks can code it. Let's build the worlds smallest compiler to understand how compilers work.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='258'%20viewBox='0%200%20400%20258'%20preserveAspectRatio='none'%3e%3cpath%20d='M290%2012l-10%2012H51v199h34l34%201-11%2013-14%2017-3%204h309v-52h-6l-7-1%207-1h6V0H300l-10%2012M181%2069c-10%202-18%206-26%2012l-6%204%2015%2015%2015%2015%204-2c2-2%206-3%208-3l3-1V67h-3l-10%202m18%2019l1%2021%203%201%207%203%204%202%2015-15%2015-14-3-3c-9-8-24-14-36-16h-6v21m-57%206c-7%209-13%2024-14%2035v5h41l1-3c0-2%201-6%203-8l2-4-15-15-14-15-4%205m90%2010l-15%2015%202%203c2%203%203%203-9%206-10%203-10%203-8%206l2%203%208-4c10-4%2011-4%2011-1%200%202%201%202%2022%202h21v-3c0-5-4-19-7-25-3-7-11-17-12-17l-15%2015m-106%2038l1%207v3h8l7%201%202%205%203%206-5%204-4%206c0%202%2019%2021%2020%2021s4-2%206-5l5-4%206%202%206%203v7l1%207h30v-15l6-2%206-2%205%204c2%203%205%205%206%205s20-19%2020-21l-4-6-5-5%202-5%202-6h8c9-1%209-2%209-8v-5l-22-1h-22l-1%206c-8%2025-45%2024-51-1l-1-5h-44v4'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.565217391304348,"src":"/static/493231422a84266271f5b40a73e7bac7/994e1/compiler.png","srcSet":"/static/493231422a84266271f5b40a73e7bac7/aab46/compiler.png 72w,\n/static/493231422a84266271f5b40a73e7bac7/eed38/compiler.png 144w,\n/static/493231422a84266271f5b40a73e7bac7/994e1/compiler.png 288w,\n/static/493231422a84266271f5b40a73e7bac7/8cf13/compiler.png 432w,\n/static/493231422a84266271f5b40a73e7bac7/bb8b5/compiler.png 576w,\n/static/493231422a84266271f5b40a73e7bac7/f534f/compiler.png 1240w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}},{"node":{"frontmatter":{"date":"2018-12-20T00:00:00.000Z","path":"hello-world-rolwins-first-blog","title":"Hello World - Rolwin's first blog 😇","tags":["javascript","html","css"],"excerpt":"Blogging and writing about tech stacks is always been my thing. I like to experiment with different technologies and write my views on them. Web technologies has always been my passion. Check my blog for codebits on various web technologies.","cover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='297'%20viewBox='0%200%20400%20297'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2029v29h3a6118%206118%200%2001171-25l10-1v-7l-3-16-1-9h-14c-12%200-14%200-14%202h-1c0-2-3-2-52-2a873%20873%200%2000-63%201L17%200H0v29M270%208l1%207-2-1h-4c-2%200-5-5-3-6l-1-2h-4c1%203%200%203-2%201-2-1-2-1-1%201l-1%203-1-2-1-1c-1-1-5%201-5%202s-2%201-6-1l-1%202v2l1%202c0%202%200%202-1%201h-2c-2%201-2%201-3-1l-3-2h-3l-6%201-3%201-2%201-2%201c-3%201-3%202-3%204%200%203%200%203-1%202s-1-1-3%201l-3%204-9%203A5943%205943%200%20010%2061a2002%202002%200%200190-10c-2%203-4-4%208%2053%2011%2054%2012%2058%2013%2058a1581%201581%200%200076-13l-2%205-4%2010-2%2010-3%2016v11h7c8%200%2018%203%2019%205%201%201-2%2012-4%2013l-1%203-2%205c-2%202-3%204-3%208%200%206-1%207-3%207h-8l-7-1h-7l2-7c3-8%203-13%200-13l-6%202a4911%204911%200%2000-42%2011c-3%200-3%200-3%203%200%206%201%2011%203%2011l1%202c-1%201%200%203%202%205%203%203%203%205%200%207l-2%204c0%202-1%203-2%203-3%201-4%201-4-5a266%20266%200%2000-4-24l-1-4-6%201-5-1%203-1v-1l-15%203-77%2013-10%202-1%2013%201%2014a671%20671%200%200041-10v-2c1-2%204%200%204%202s0%202%204%201l5-2%2014-2%2035-5c4%200%204%200%204%202s0%202%201%201a256%20256%200%20008%2030l11-8c5-4%2034-13%2036-11%201%201-1%203-7%206l-14%2010-6%206h103l104-1c2-1%205-8%204-8l2-1%204-3%201-2%201-2h2c2%200%202%200%201-1l7-2h10l-2%208-3%209-1%203h30v-41c0%205%200%205-4%206-6%202-12%202-16%201h-6l-10%202a942%20942%200%2000-59%208c-4%200-5%202-1%202%201%200%202%200%201%202l-1%201h-2l-11%202-12%202c-14%202-24-1-26-9-2-4-2-4-12-3-4%201-4%203%200%203l3%201v3h-1l-4-2-6-2c-9-1-15-5-8-5%204%200%2012-3%2012-5l2-2c2-2%201-2-3-4h-9l-9%201c-8%200-9%200-12-2l-5-2c-2%200-5-3-5-5l5-3c1%201%2013-1%2015-2%202-2%203-2%208-1l12%202c3%200%207%202%2015%206%2015%2010%2015%2010%2025%2010%2019-1%2052-8%2065-14%2026-11%2030-14%2024-17l-3-4-2-4-2-3-2-4c-1-1-1-2%204-6%206-5%2018-11%2024-12%206%200%206%200%2014%2021%202%203%202%202%202-19v-22l-5%201c-6%200-6%200-10-8l-2-2c0%203-7%206-9%204l-2-1%201%202v2c-2%200-3-2-3-4l2-1c6-3%208-5%207-7l1-1c2%201%203-2%202-5l-2-4v-5l-2-9c0-7-3-17-3-13%200%202%200%202-1%200l-1-4v-2l1%202c1%201%201%201%201-1l-2-3-1-3c1-2%200-3-1-3h-1c0-3-7-10-13-12-9-4-21-6-40-6-18%200-24%201-24%203l4%203%204%203%202%203%203%203c0%203-6%209-7%209h-2l1%201c1%200-3%205-8%208-4%203-5%203-1-1%202-2%202-3%201-4v-2c-2-1-2-1-2%202v1l-1-17c1-2%200-4-3-6l-3-3-3%202-3%203v3l-2%206c-1%202-1%202-1%200s-1-3-3-1l-4%201-3%201v-5c1-7%203-14%207-21l3-5%201%202%202%206c0%205%202%205%204%201v-7l-2-7c-1-3-1-4-3-3l-1-1%203-1%201-1%202%201c1%202%202%202%205%202%205-1%205-4%202-6-4-2-2-6%202-4%202%201%202%201%202-1-1-3-4-4-7-1-3%204-4%203-1-1l4-3c3%200%203-1%202-11l-1-10-1-1v-2l-1-1-1-3c0-2%200-2-2-2-1%201-2%200-2-1l-2-3c-1-2%200-2%208-3l10-2h-11l-8%202-2%201-1-2c0-1%203-2%2011-3l12-3c1-2%203-3%203-1%200%203%2014%200%2019-4l9-3%205-1%203-1c1-1%202%200%202%201h2l2%201-20%206%203-2%203-2-4%201c-3%201-4%201-3%203%202%201%201%201-11%203-10%202-12%202-11%204a100%20100%200%200029-6l17-4a1030%201030%200%200123-8l-10%201h-24l-31-1h-33v8m122-3a700%20700%200%20013%2047v6l1%208%201%2012%202%2012%201%207V86l-1-18a1960%201960%200%2001-7-63M73%2039a1730%201730%200%2001-22%205c1%202%2034-3%2034-5%201-2%200-2-12%200m84%2015l-3%201-2%201-1%201-1%201-1%203c-3%202%202%204%207%203%206-1%207-3%201-2-4%200-4%200-3-1l5-2%202-1%209-2%2010-2c0-1-7-1-15%201-4%201-5%200-5-1h-3m-52%205l3%201h4l-4%201c-4%201-5%202-2%202l3%201%202%201v1c-2%201-2%201%200%201h3l-3%201-1%201%201%202%201%201v8c-1%201%200%201%201%201%202%200%202%200%201%201l-1%201v2c-1%201-1%201%201%201v2c2%200%202%203-1%206s-3%204%203%204c2%200%202%200%201%201s-1%203%201%204l-1%201h-2l2%201v4l1%201v1c-1%201-1%201%201%201h2l-2%201c-2%200-2%201-1%201v2l1%201v1c-1%201-1%201%201%201s2%200%201%201c-2%200-2%201-1%203v9l1%202%201%201v1c-1%201-1%201%201%201l1%201c-2%201-2%204%200%204v1c-2%201-2%201%200%201s2%200%201%201l-3%202-2%201c0-2-1-2-2-2-1%201-2%204%200%206a685%20685%200%200075-16l-12%202a342%20342%200%2001-26%205h-2l-9%201-8%201-3%201-2%201v-1l1-2%201-2c2%200%202%200%200-1-3%200-4-2-1-3%203%200%202-2-1-1l-2-1%201-2%201-1-1-1c-3%200-2-3%200-3%201-1%201-1-1-1l-2-1-1-1-2-2c-1-3%200-3%202-3s4-2%201-2v-3l1-2%202-2h-2l-2-1%202-2%202-1-4-1-4-1%201-1%201-1-2-1-2-1%202-2%201-1v-1l1-1-3-1h-3c0-1%206-2%208-1%202%200%202-2%201-3s3-1%208-1l2-2-1-1-1-1-1-1c-1-1%200-1%202-1%203%200%204-2%201-2l2-1%203-1h-4c-3%200-3%200-1-1s0-1-4-1h-5l2-1h-3c-2%200-2%200-1-1l-5-1h-3l1-1c0-1%203-2%2010-3l9-2-5-1h-4v-2l1-2%203-1%204-1-4-1h-3c3%200%202-2%200-2-6%202-14%202-14%201l-3-1c-1%200-2%200-1-1l-3-1-4%201m69%205l-5%201-5%201h-6c-10%202-9%202-9%206l1%205h4v-3h4l1%202c1%201%2025-3%2025-4h-2l-3-1%202-1c1%201%205-2%204-3l1-2c1-1-11-2-12-1m32%2012l2%207c2%203%202%205%201%207l-1%205%201-1c1-3%203-4%203-2%200%201%208%204%2013%204l9-2c6-4%2018-8%2023-8%206-1%207%201%202%206-3%203-4%206-2%206%203%200%2013-19%2011-22-1-2-13-3-16-1l-6%202-3%201c-1%202-11%201-11%200h-1l-3%202v2c0%204-2%206-6%204l-4-1-2-1h-1l-2-2-2-2-1-1-2-3c-2-2-2-2-2%200m-26%203h-1c-1-1-13%200-25%203-2%200-2%200-1-1s1-1-2-1l-3%201%201%201c2-1%202%200%203%204%200%205%200%205%203%205s4-1%202-3c-3-3-2-3%201-3%202%200%202%201%202%203s1%202%203%202l19-4c1-1%200-1-1-1-2%200-2%200-1-1l1-2c-1-1%202-4%203-3l-1%202v1l1%201%201%203%201-1h2l4-1c0-1-1-2-3-2s-2-1-2-3c0-3-6-3-7%200m11%2010l-18%203c-22%203-21%203-19%206%201%201%2013-1%2015-3l13-3c6%200%2014-2%2014-3l-1-1-4%201m16%2011c-1%205-1%205-11%207a481%20481%200%2000-23%202l24-5a314%20314%200%2000-42%208l2%201-2%201%201%201c2%201%202%201%201%203l-1%201%202%201c1%201%2013-1%2013-2h-7c-3%201-4%200-1-2%201-2%207-3%2031-7%2013-2%2014-2%2014-9%200-5-1-5-1%200m-25%2021c-27%204-27%204-26%206s30-3%2036-5l10-3%208-2-28%204m3%207l-16%201c-11%201-13%202-7%204%204%201%206%204%203%204l-1%201c1%201%2012-1%2012-3l3-1c2%200%202-1%202-2l2-2v2l2%201%202-2%202-2c1-1%202%200%202%201h-1l-2%201h7l1-2c0-3%200-3-11-1m80%2060l-4%202-4-2c-6-3-9-1-9%206%200%204%200%205-2%206-6%202-7%209-3%2011%202%200%202%201%201%202-2%206%200%209%207%207h7c6%204%2012%201%2010-5%200-2%200-3%204-7%205-5%205-7%200-9-3-2-3-3-3-6%201-4-1-4-1%200-1%204-4%204-5%201%200-3%203-6%206-6%201%201%202-2%200-2l-4%202m-9%2013c-3%205-2%2011%202%2011s6-4%206-9c-1-5-6-6-8-2'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.3584905660377358,"src":"/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/37e8d/rolwin.jpg","srcSet":"/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/09f2d/rolwin.jpg 72w,\n/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/24010/rolwin.jpg 144w,\n/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/37e8d/rolwin.jpg 288w,\n/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/35c37/rolwin.jpg 432w,\n/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/6aab9/rolwin.jpg 576w,\n/static/27dc3a779cdfe1f4f30ec2caf3c3fe88/b4640/rolwin.jpg 2034w","sizes":"(max-width: 288px) 100vw, 288px"}}}}}}]},"allFile":{"edges":[{"node":{"name":"gatsby","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='224'%20viewBox='0%200%20400%20224'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20112v112h401V0H0v112m187-62c-23%205-44%2025-49%2048v29c4%2017%2018%2035%2033%2042%2012%206%2015%206%2030%206%2014%200%2017%200%2029-6%2030-14%2043-53%2028-84-8-16-20-27-38-34-6-2-26-2-33-1m-3%2015a51%2051%200%2000-32%2034c0%202%2057%2061%2060%2062%202%200%2010-3%2016-7%207-4%2014-13%2018-20%203-7%206-20%204-21l-16-1-14%201-1%204v5h21v3c-3%208-11%2019-20%2023l-5%203-5-5-48-47c0-3%205-10%209-15%2017-17%2042-16%2059%200l5%205%203-3%203-3-4-5a51%2051%200%2000-53-13m-33%2053c1%2015%2010%2029%2022%2037%206%203%2017%207%2022%207h4l-23-24-25-24v4'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/349b5358f38121d474ebd3b4c130d4ee/630fb/gatsby.png","srcSet":"/static/349b5358f38121d474ebd3b4c130d4ee/65e33/gatsby.png 100w,\n/static/349b5358f38121d474ebd3b4c130d4ee/69585/gatsby.png 200w,\n/static/349b5358f38121d474ebd3b4c130d4ee/630fb/gatsby.png 300w","sizes":"(max-width: 300px) 100vw, 300px"}}}},{"node":{"name":"css","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113m174-67v16h7c7%200%207%200%207-3%200-2-1-2-4-2s-4-1-4-3%200-2%204-2%204%200%204-3%200-3-7-3h-7m45%200c-6%200-6%200-6%203l2%205%202%202-2%201c-2%200-3%205-1%205%2010%201%2012%200%2013-2l-2-6-3-2h2c3%200%203%200%203-3%200-4%200-4-8-3m-25%203l2%206%202%202h-2c-1%200-2%201-2%203-1%202-1%202%209%202%206%200%207-3%202-7l-2-3h2c2%200%202-1%203-3v-3h-15l1%203m7%2034v5h-29l1%205%201%206h27l-5%202-12%205c-10%204-10%204-9%2010v5h13l13%201v7l1%208-12-1c-2-1-2-2-2-5v-4h-12l1%208%201%209%2012%204%2012%203-1%205c-1%206-2%206%2014%202%2014-4%2015-5%2015-10a407%20407%200%20014-47l2-18v-5h-35v5m104%209c-16%205-20%2026-8%2037%2011%2011%2031%206%2036-9%206-17-11-34-28-28'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/ed2bc041b79f21869ce2487f0c4715b1/2244e/css.jpg","srcSet":"/static/ed2bc041b79f21869ce2487f0c4715b1/86e11/css.jpg 100w,\n/static/ed2bc041b79f21869ce2487f0c4715b1/f836f/css.jpg 200w,\n/static/ed2bc041b79f21869ce2487f0c4715b1/2244e/css.jpg 400w,\n/static/ed2bc041b79f21869ce2487f0c4715b1/4fe8c/css.jpg 600w,\n/static/ed2bc041b79f21869ce2487f0c4715b1/f9913/css.jpg 750w","sizes":"(max-width: 400px) 100vw, 400px"}}}},{"node":{"name":"html","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='206'%20viewBox='0%200%20400%20206'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20103v103h401V0H0v103m143-1l1%2014%201-12V93h4l5%201v41h-3c-3%200-6%203-6%204l46%201h46v-5c0-6%201-7%207-7h4V88H143v14m79-5v6h11V92l-6-1h-5v6m-41-2l1%203%201-1h1c2%202%203%201%203-1l1-2%201%202%201%202%201-2%202-2%201%201c-1%202%201%204%202%202h10l-1-1-1-2c-1-1-2-2-12-2h-11v3m-3%206a1064%201064%200%20003%2030c0%201%209%204%2013%204l6-2c5-1%206-1%206-5%201-3%201-4%202-3%202%200%205-3%203-3v-2c1-1%200-2-1-3-3-1-3-1-2-8%202-9%202-9-15-9l-15%201m6%207l1%206v5h7c5%200%206%200%206%202%200%203-4%204-7%203l-2-2-2-1c-2%200-2%200-2%203%201%203%201%203%205%204h8c3-2%204-2%204-8v-6h-7l-7-1c0-2%201-2%207-2%207%200%208%200%208-2s-1-2-9-2l-10%201m80%206c1%2010%202%2010%2024%2010%2018%200%2018%200%2021-2%202-2%202-4%202-8v-6h-13c-13%200-13%200-14%203-2%204-10%204-12-1-1-1-2-2-5-2h-3v6m-166%200l-1%204c0%204%200%204%203%204l3%201-4%201c-2%200-2%200-2%204v4h4c3%200%204%200%204%202l-4%201h-4v4c0%204%200%204%203%204l3%201-3%201c-3%200-3%200-3%205v4h5l4%201-5%201h-4v5c0%204%200%204%203%204l3%201-3%201c-3%200-3%200-3%204l1%204h13v-62h-6l-7%201m32%200l-7%204c-11%2010-2%2028%2013%2024%2018-5%2012-30-6-28m-4%204c-10%206-6%2022%206%2022%207%200%2012-4%2013-11%201-9-10-16-19-11m120%2012c-9%201-8-2-8%2022l1%2023%2018%201h16l1-3%201-16v-13h-6c-7%200-8-1-9-9v-5l-6-1-8%201m0%2016c2%200%202%201%202%207l-1%206-2%201%202%201c1-1%201%200%201%201l1%202%201-1c0-2%201-2%207-2%205%200%206%200%206%202l1%201v-3h1l2-1v-1c-3%200-3-13%200-13%201-1-4-1-11-1s-11%200-10%201m5%201l-1%206v6h13v-12l-6-1-6%201m-113%207l1%205h98v-9l-50-1h-49v5'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.9607843137254901,"src":"/static/b96221a313314f663a4c45788b837ac6/7162d/html.png","srcSet":"/static/b96221a313314f663a4c45788b837ac6/65e33/html.png 100w,\n/static/b96221a313314f663a4c45788b837ac6/69585/html.png 200w,\n/static/b96221a313314f663a4c45788b837ac6/7162d/html.png 313w","sizes":"(max-width: 313px) 100vw, 313px"}}}},{"node":{"name":"javascript","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='224'%20viewBox='0%200%20400%20224'%20preserveAspectRatio='none'%3e%3cpath%20d='M215%2053c0%204-3%206-7%203l-3-2-2%202-2%203-51%201-52%201-1%2030v29h-7c-10%201-10%201-11%2011v9H66v18l1%2018h75v-8l1-8c8-1%209-1%2010%202l1%203h39c37%200%2038%200%2042-2%206-3%206-3%201-6l-4-2v-33c0-31%200-33%202-35s2-3%200-5c-2-3%200-7%204-7%203%200%203%200%203-3%200-4%200-4-3-4-5%200-6-3-3-7%203-2%203-3%200-6-2-1-2-1-5%201-2%202-2%202-5%201l-3-4c0-3-1-3-4-3s-3%200-3%203m3-1l-1%203c0%204-6%206-9%204-3-3-6-2-3%202%203%203%202%208-3%209-3%200-4%203-1%203%205%200%207%205%204%209-2%202-3%204-1%204l3-2c2-2%202-2%206%200%203%202%204%203%204%205l2%202%201-2c0-4%208-7%2010-5%200%202%202%202%203%202%201-1%201-1-1-4-2-2-2-2%200-5l4-4c4%200%204-3%200-3-2%200-3-1-4-3-1-3-1-4%201-7%203-3%200-4-3-1s-10-1-10-6c0-2-1-3-2-1M100%2063l-1%204v3h48a492%20492%200%200053-2c4%200%206-3%204-5H100m116%201c-3%201-5%205-5%208%200%206%2010%209%2014%205%205-6-2-16-9-13m0%202c-5%202-3%2011%203%2012%203%200%207-4%207-6%200-4-6-7-10-6m-110%206c-6%200-6%200-6%203v63l5%201h6v-31c0-21%200-31%201-30l1%2031v31h29v9l1%209h4c4%200%205%200%207-2%201-2%202-2%2039-2h37v-33l-1-35c-2-2-7%201-7%204s0%203-3%203c-4%200-4%200-4-3-1-5-5-7-8-3l-2%202-3-2-2-3%202-3c3-3%202-6-2-6-2%200-3-1-3-2l-42-1h-49m206%2029l-4%201c-6%202-12%209-12%2017s5%2014%2020%2021c7%202%208%205%207%208-1%207-11%207-18%200l-3-2-4%202c-6%204-6%205-2%209%2012%2012%2036%209%2040-6%203-9-4-20-16-24-9-3-14-9-10-13%202-2%208-1%2011%201l2%203%203-2%206-4c1-1%201-1-2-4l-5-5-13-2m-39%2025c0%2023-1%2024-2%2026-4%202-8%201-11-2-2-2-3-3-4-2l-5%203-4%202%203%204c8%2010%2026%2010%2033-1l3-4v-49l-7-1h-6v24m-191-2l-1%209%201%207h15v-18h-7c-6%200-7%200-8%202m-14%2019l34%201%2034-1-34-1-34%201m-1%2017l1%2014h68v-14l1-14H67v14m95-2l11%201%2010%201-11%201-10%201%2031%201h30v-7h-30c-27%200-31%200-31%202'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/664b62a488a13eb1c0d59d06199913a5/630fb/javascript.png","srcSet":"/static/664b62a488a13eb1c0d59d06199913a5/65e33/javascript.png 100w,\n/static/664b62a488a13eb1c0d59d06199913a5/69585/javascript.png 200w,\n/static/664b62a488a13eb1c0d59d06199913a5/630fb/javascript.png 300w","sizes":"(max-width: 300px) 100vw, 300px"}}}},{"node":{"name":"python","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='208'%20viewBox='0%200%20400%20208'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20104v104h401V0H0v104m180-53c-7%206-6%2017%201%2017%2015%200%2014%200-2%201-27%201-28%202-28%2025%200%2019%204%2024%2017%2024%207%200%207-1%208-7%200-14%205-17%2025-17%2021%200%2022-1%2022-22%200-23-2-25-24-25h-15l-4%204m45%2025c-1%2019-3%2021-26%2021-14%200-15%200-17%202l-3%204%203-1c2-3%203-3%2018-3%2021-1%2025-3%2026-17l1-7h6c6%200%207%200%2010%203l4%203v15c0%2014%200%2016-2%2019l-3%203-2%201-20%201c-18%200-19%201-20%202%200%203%202%204%205%203h11l7%201v5c1%205%201%205%201-1v-6h-11l-11-1%202-1c46%200%2045%200%2045-24%200-20-2-24-16-24-8%200-8%200-8%202'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.9230769230769231,"src":"/static/d7bc4a556531ff84583eafd5511ca79a/10fcc/python.jpg","srcSet":"/static/d7bc4a556531ff84583eafd5511ca79a/86e11/python.jpg 100w,\n/static/d7bc4a556531ff84583eafd5511ca79a/f836f/python.jpg 200w,\n/static/d7bc4a556531ff84583eafd5511ca79a/10fcc/python.jpg 311w","sizes":"(max-width: 311px) 100vw, 311px"}}}},{"node":{"name":"reactjs","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0H0v113M247%2011c-9%203-22%2010-30%2017l-6%205-3%202-6-5c-19-16-36-22-48-17s-17%2026-12%2051l1%208-4%202c-31%2010-47%2026-42%2042%202%205%208%2012%2014%2017l5%204-5%203-10%207c-4%203-8%204-13%205l-8%202c-1%201%202%205%204%206%203%202%204%204%202%204l-5-4c-4-4-7-4-7-2l4%206c5%204%205%207%203%2010l-2%203-2%202c-2%201-7%207-7%209h2c1-1%201-1%201%201-2%203-3%207-2%208l4-1c2-2%204-2%204-1%201%201%205-2%2011-8s8-6%2013-1%206%206%206%203c1-1%200-3-4-6s-4-4-3-5%202%200%205%203c5%204%206%203%206-4%200-5%202-12%207-19%204-6%206-11%206-14%200-2%200-2%201-1l9%203%207%203-1%207c-4%2014-2%2038%205%2047%209%2012%2034%207%2056-12l6-5%204%204c20%2017%2037%2023%2049%2018%205-2%208-5%2011-11%204-8%205-24%203-39l-1-9%206-3c30-11%2045-29%2037-45-5-9-23-22-38-26-6-2-6-2-5-9%203-11%202-32-1-40-5-13-14-18-27-15m-88%2010c-4%201-7%205-8%2010-2%205-2%2022%200%2031l1%208h3l15-3%2012-1%205-6a233%20233%200%200114-18%2050%2050%200%2000-13-11c-1-2-11-7-17-9-7-2-9-2-12-1m85%201c-8%203-12%206-20%2013-9%207-9%207-4%2012l10%2013c4%205%204%206%2011%206l14%203c10%202%209%202%2011-8%203-16%200-34-5-39-3-2-11-2-17%200M85%2035c-5%201-8%205-9%2010l-1%204c-2-1-5%201-5%202%200%202%2012%203%2014%202l5-1c3%200%204%200%206-2l6-5c2%200%203-2%203-2%200-3-4-3-6-1-1%201-1%201-1-1-1-5-7-7-12-6m117%2022l-6%207%2012%201h13l-2-3c-3-4-9-12-11-12l-6%207m-10%2018c-4%200-8%205-14%2016l-3%205-4%207-3%207%204%209a217%20217%200%200014%2024l2%203h41l4-6c8-12%2016-28%2016-31l-19-32-2-2-16-1-20%201m-27%203l-9%203%207%2017%204-7%206-10c2-4%203-5%201-5l-9%202m77-1l4%208%206%2010c3%204%203%204%207-7%202-8%202-8%200-8-2-2-17-4-17-3m-107%209c-19%207-29%2016-29%2025%200%207%2014%2018%2029%2024%2011%205%2010%205%2012%200l5-12c5-12%205-13%200-23l-4-13c-2-6-2-6-13-1m135-2l-5%2014-5%2013%203%206%203%207%207%2014c3%200%2019-7%2025-12%2015-9%2016-18%206-27s-34-19-34-15m-68%204c-24%206-20%2044%206%2044%2019%201%2030-20%2018-36-3-4-8-7-9-6l-1-1c1-2-8-2-14-1m132%2036l-3%204%204%204%206%204c3%200%203%203%201%206-2%202%201%203%203%202%202-2%205-3%205-2l6%206%205%204%203-3%203-4c0-2-10-9-12-8-2%200-2%200-2-2%201-3-2-6-5-4h-1c1-1-1-3-4-6-7-6-6-6-9-1m-83%205a243%20243%200%2001-9%2015c1%200%2014-1%2018-3%202%200%201-3-4-16l-2-3-3%207m-89-5c-2%202-6%2015-6%2016%200%202%2012%204%2016%204%203%200%203-1-3-10l-7-10m-11%2034c-2%208-2%2026%200%2032%204%2013%2017%2014%2035%201l12-8%204-4-4-4-9-12-6-8h-6a303%20303%200%2001-24-4l-2%207m101-5l-13%202c-4%200-5%201-9%205l-9%2012-5%207%203%203c16%2014%2033%2021%2041%2017%207-5%2010-27%205-46%200-2-2-2-13%200m-54%207l11%2011%2012-14-13-1h-12l2%204'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7857142857142858,"src":"/static/047ec2602a16596d489e9452d74657eb/2244e/reactjs.jpg","srcSet":"/static/047ec2602a16596d489e9452d74657eb/86e11/reactjs.jpg 100w,\n/static/047ec2602a16596d489e9452d74657eb/f836f/reactjs.jpg 200w,\n/static/047ec2602a16596d489e9452d74657eb/2244e/reactjs.jpg 400w,\n/static/047ec2602a16596d489e9452d74657eb/4fe8c/reactjs.jpg 600w,\n/static/047ec2602a16596d489e9452d74657eb/14b42/reactjs.jpg 800w,\n/static/047ec2602a16596d489e9452d74657eb/c1303/reactjs.jpg 825w","sizes":"(max-width: 400px) 100vw, 400px"}}}},{"node":{"name":"typescript","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='200'%20viewBox='0%200%20400%20200'%20preserveAspectRatio='none'%3e%3cpath%20d='M160%20100v40h80V60h-80v40m116-27l-23%2052c0%205%206%207%208%203a668%20668%200%200023-54c-1-2-6-3-8-1m13%2012l-1%205c0%204%200%204%207%208l7%205-7%204c-6%204-6%204-6%208%200%207%201%207%2015-1%2019-11%2019-13%200-23-13-7-13-8-15-6m-171%209c-13%207-14%208-14%2012%200%203%201%204%2016%2012%2011%207%2012%207%2014%204%203-5%201-8-8-13l-6-3%207-4c7-5%208-5%208-9%200-3-3-6-5-6l-12%207m99%203c-6%202-9%2010-5%2015l8%206c6%203%207%205%205%208-2%202-6%201-8-1-3-2-4-3-7%200l-2%202%203%202%204%203%205%201c5%202%2012-2%2013-7%202-6%200-10-8-14-7-4-8-5-7-7s4-3%206%200c2%201%202%201%204-1%203-2%203-3%200-5s-7-3-11-2m-39%203c0%203%200%204%205%204h5v29h7v-15l1-14h5c4%200%205-1%205-4v-3h-28v3'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2,"src":"/static/4128b876cb51a9b6b2beaaa56f1ab7da/497c6/typescript.png","srcSet":"/static/4128b876cb51a9b6b2beaaa56f1ab7da/65e33/typescript.png 100w,\n/static/4128b876cb51a9b6b2beaaa56f1ab7da/69585/typescript.png 200w,\n/static/4128b876cb51a9b6b2beaaa56f1ab7da/497c6/typescript.png 400w,\n/static/4128b876cb51a9b6b2beaaa56f1ab7da/2a4de/typescript.png 600w,\n/static/4128b876cb51a9b6b2beaaa56f1ab7da/ee604/typescript.png 800w,\n/static/4128b876cb51a9b6b2beaaa56f1ab7da/a8378/typescript.png 1024w","sizes":"(max-width: 400px) 100vw, 400px"}}}},{"node":{"name":"vuejs","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='200'%20viewBox='0%200%20400%20200'%20preserveAspectRatio='none'%3e%3cpath%20d='M98%203a1934%201934%200%200154%2092%202419%202419%200%200144%2076c2%204%202%204%207-5a665%20665%200%200136-63l26-46h-51l-8%2013-8%2013a249%20249%200%2001-19-31%203058%203058%200%2001-28-51c1-1-5-1-27-1H96l2%203M19%2022c-5%203-8%2011-4%2011l2-1%202-4c4-6%2014-2%2014%204%200%204-4%209-7%208l-1%203c0%202%200%202%203%202%2011-3%2013-19%202-23-5-2-7-2-11%200m6%2064c-1%201%205%2023%207%2024%201%200%207-20%207-24%200-3-3%201-4%207l-3%208c0%202-2-2-4-11-1-5-2-6-3-4m21%2010c0%2011%200%2011%202%2013%203%201%206%201%209-2%201-3%201-21-1-22l-1%2010c0%2010-1%2013-4%2012-2-1-2-3-2-11%200-7-1-10-2-11l-1%2011m20%201l1%2013h3c4%200%206-1%206-2l-3-1c-3%200-4%200-4-2-1-5-1-6%203-7l3-1-3-1c-3%200-4-1-3-5%200-3%201-3%204-3%205%200%203-2-2-3h-5v12m46-10c-3%202-3%206%202%2011l4%206c0%202-4%204-5%202h-3c0%204%208%205%2010%201%202-3%201-6-3-11-6-5-6-5-3-7h4c3%202%204%201%202-2-3-2-5-3-8%200m185%200c-2%203-1%2018%201%2020%202%203%207%203%209-1%201-3%201-19-1-20l-1%209c0%2011%200%2012-3%2012s-4-3-4-13c0-8%200-11-1-7m85%2078v5h-4l-4%201h8v13h-13v-7l-1%204v3h-14v8c0%2010%201%2011%201%201v-8h13v6c0%206%201%206%201-1l1-4h12v10l1-5%201-5%204-1%205-1h-10v-13h5l5-1h-10v-5l-1-5v5'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2,"src":"/static/34ae51c1fedc135fa7f1958e18c235ac/2244e/vuejs.jpg","srcSet":"/static/34ae51c1fedc135fa7f1958e18c235ac/86e11/vuejs.jpg 100w,\n/static/34ae51c1fedc135fa7f1958e18c235ac/f836f/vuejs.jpg 200w,\n/static/34ae51c1fedc135fa7f1958e18c235ac/2244e/vuejs.jpg 400w,\n/static/34ae51c1fedc135fa7f1958e18c235ac/4fe8c/vuejs.jpg 600w,\n/static/34ae51c1fedc135fa7f1958e18c235ac/f9913/vuejs.jpg 750w","sizes":"(max-width: 400px) 100vw, 400px"}}}},{"node":{"name":"nodejs","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='300'%20viewBox='0%200%20400%20300'%20preserveAspectRatio='none'%3e%3cpath%20d='M71%2094c0%2026%200%2027-2%2026-3-1-6-1-10%201-5%202-6%209-1%2015%202%204%201%205-6%209-9%205-11%207-11%2019l-2%2011c-1%201%202%204%207%209l8%208-1%206-1%209a553%20553%200%20013%2053c0%201-2%202-15%203l-4%201v-32l-1%203a22180%2022180%200%2001-1%2021v8l-6%202c-3%200-7%202-8%203-1%202-1%202%202%204%207%204%2020%206%2053%205%2030%200%2039%200%2048-4%2010-5-2-10-26-12-9%200-9%200-9-2l1-8v-5h240l2%205%205%208%203%203h-2l-7%201c-6%201-8%203-5%205%205%203%2027%204%2040%202%2017-2%2014-6-5-8l-9-1%206-8%206-7h16V67H71v27m201%2035c0%2019%200%2020-5%2017-4-3-3-3-16%205l-11%207-1%2014v14l11%206%2013%207%2013-6%2011-6v-17l1-33v-16l-7-5-8-4-1%2017m-142%2021l-11%208-1%2017%201%2018%208-3%207-5v-19l4-2c5-3%205-3%2010%200l3%203v18l8%204%208%205v-37l-12-7-12-7-13%207m181%201l-11%207v27l11%207%2012%207%208-4%207-4-12-8-11-6v-6c0-4%200-5%204-7l4-2%205%202c4%202%204%203%204%207l1%204%207-4c7-4%208-5%208-8l-1-6-24-13-12%207m-122%201l-8%206%2019%2033-2-44-9%205m70%2013c-4%202-4%202-4%207s1%205%204%207l4%202%205-2c4-2%204-2%204-7s0-5-4-7c-6-3-5-3-9%200M66%20220v15c1%202%200%205-1%208-1%205-1%206%201%2013l1%205h11v-13l-3-1h-4v-16c0-14%200-16-2-18l-2-3-1%2010m269%2028l1%202%202%204c1%203%201%203%202%202s2%201%201%203c0%202%203%205%204%203h1v2c1%200%203-3%203-5l2-7%201-5h-7c-6%200-7%200-6%202l1%202-2-2c-2-2-3-3-3-1'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.3333333333333333,"src":"/static/71ce4e802cc40c5a26855029eba145fb/497c6/nodejs.png","srcSet":"/static/71ce4e802cc40c5a26855029eba145fb/65e33/nodejs.png 100w,\n/static/71ce4e802cc40c5a26855029eba145fb/69585/nodejs.png 200w,\n/static/71ce4e802cc40c5a26855029eba145fb/497c6/nodejs.png 400w,\n/static/71ce4e802cc40c5a26855029eba145fb/2a4de/nodejs.png 600w,\n/static/71ce4e802cc40c5a26855029eba145fb/ee604/nodejs.png 800w,\n/static/71ce4e802cc40c5a26855029eba145fb/5707d/nodejs.png 1600w","sizes":"(max-width: 400px) 100vw, 400px"}}}},{"node":{"name":"ux","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='258'%20viewBox='0%200%20400%20258'%20preserveAspectRatio='none'%3e%3cpath%20d='M32%2050v6h14c2%200%203%200%203-6v-6H32v6m136-5c-2%200-3%203-2%209l1%205h15v-4l1-10h-15m48%201c-2%200-3%201-3%205v4h7l8%201v-5c0-3%200-4-1-3l-3-1c0-2-4-2-8-1m132%2012l-1%2012-2%201%204%201c4%200%205-1%202-2l-1-9%201-7h3l4%201%205%201c4%200%204%200%203-2v-4l1-1-15-4h-4v13M53%2058l-4%202c-2%200-2%200-2%205v5h5c5%200%206%200%207-2%203-4%202-7%200-7s-3-1-3-2c0-4-3-5-3-1m173%202l-2%208v5h12v-6c0-9-5-13-10-7m36%202v7l1%206h13l1-7%201-7h-8l-8%201m-112%201c-4%203-4%206%201%208l3%203h9c2%203%204-7%201-10-2-3-10-3-14-1m179-1c-2%201-4%202-5%201l-1%204c0%205%200%205%202%205h5c2%201%208%200%208-2l2-1c2%200%203-1%203-4v-4c-1-1-12%200-14%201m-151%201l2%201%202%202-2%202-2-2c0-2%200-2-1-1l-4%202c-6%202-6%208%200%2010%203%200%205-2%205-5%201-2%201-3%203-3s4-4%202-5c-1-2-5-2-5-1m-46%206l1%204h12v-8h-13v4m180%205c-3%202-4%206-3%2010%204%207%2014%205%2014-3%200-7-7-10-11-7M54%2082v8h13V74H54v8m258-6v9c3%202%207%201%209-2%203-5-5-11-9-7m-36%202l-8%201h-8l1%204c0%206%201%206%206%206s5-1%207-4c0-3%202-5%202-5%202-1%203-3%201-3l-1%201m-138%202l-2%202c-2-2-3%201-2%206v5h16v-5c0-5%200-6-4-8-4-3-6-3-8%200m16%209v9h16v-9c0-10-2-14-2-5%200%204%200%204-1%202l-1-2v2l1%203%201%204v4h-5c-5%200-6%200-6-2s0-2%203-2c4%201%204%201%205-4%200-4-1-7-2-4l-3%201c-3%200-3%200-3-3s0-3%205-3h5l-6-1h-7v10m22-7c-3%203-3%2013%200%2013h2v-3l1-3%201%203c0%202%201%203%202%203%203%200%203-9%200-14-1-1-5-1-6%201M42%2088c-8%203-11%205-7%205l2%202h2l4%202c3%203%204%203%205-4%202-8%202-8-6-5m29%2010c0%204%201%207%202%206h6c5%201%206%200%205-6l-1-3h-6c-6%200-6%200-6%203m222%206l-2%206h6l9%201c4%201%204%201%203-1%200-2-1-3-4-4l-7-5-3-3-2%206m-126-1c0%203%203%207%206%208%202%200%205-2%207-6%201-4%201-4-7-4-5%200-6%200-6%202m-125%203l1%203v1l-1%207v5h11v-5c0-5-1-7-4-7-2%200-1%200%200-1%206-1%205-4-1-4l-6%201m226%207v2h-1l-3%201-3%202c-2-2%200%206%202%209l2%202v1l2-1%202-1c8-2%208-13%200-16-2%200-2%200-1%201m-127%204c0%207%202%2010%205%206%201-1%201-1%202%201%203%202%204%200%205-6v-5h-12v4m-61%202l-6%201c-3%200-5%201-3%204%201%201%201%201%201-1s0-2%202-1v3c-3%201-2%207%200%207l1-3c0-3%202-4%206-2%203%203%203%202%203-4s0-7-4-4m202%204v6h13v-12h-13v6m-121%203c-1%204-1%204%201%205l3%202c3%203%2013%202%2013-1l1-1c3%200%203-1%202-5-1-3-2-4-3-2-1%201-12%200-13-1-1-2-3-1-4%203m-122%202l-3%201c-3%200-3%200-3%205%200%207%201%207%2010%206h6v-6c0-5%200-5-2-5l-3-1-2-1-3%201m111%200l-2%201-2%202-2%202c-3%202%200%209%205%2010v2c-2%202-2%202%202%202%203%200%203%200%202-2l-1-1c2%200%207-6%207-8%200-3-3-6-6-8h-3m-87%204l-1%203c0%202-1%202-2%202-6%200-9%206-3%208%205%201%205%201%205%203l2%204c3%200%205-2%205-4s0-2%202%200l2%204c0%201%201%202%203%202l2-2%202-5c2-3%203-5%200-8-3-4-11-2-11%204%200%202-1%202-7%201v-2c0-3%200-3%202-3%203%200%205-1%205-4-1-4-3-5-6-3m188%205c-7%204-4%2017%204%2017%203%200%207-2%205-3v-2h2l1%201v-9c-1-4-9-6-12-4m69%208v7h12v-15h-12v8m-185-6c-7%204-5%2013%202%2013%209%200%2010-12%202-13h-4m-95%206v3c1%202%201%202-2%202-2%200-2%200-2%203%200%202%201%203%207%203s6-1%206-3l-2-4-2-2v-3c-2-1-5-1-5%201m106%207c-5%203-3%2014%203%2015%204%200%207-9%204-14l-2-1h-5m93%205c-2%200-3%201-3%202%200%202-1%203-2%203h-2l-1%203v3h21v-3l-1-3h-3c-1%200-2-1-2-3s-3-3-7-2m72%202c-2%204%200%205%205%203l4-2%203%202c4%203%205%203%205%200%200-6-1-6-8-6-8%200-8%200-9%203m22-2l1%2012c2%202%207%201%2010-3%205-4%205-7%201-9h-12m-227%206c-3%202-3%204%200%204%202-1%203%200%200%204-2%204-1%204%207%204%207%201%208%200%206-5-2-4-2-4%200-3%202%200%203-2%201-4h-14m54%201c-2%204-2%2012%201%2012l1%202c-1%201%200%201%202%201h4v-5c0-5-1-5-3-6s-2-1-1-3c0-2-2-3-4-1m158%201c-1%202-7%203-9%202h-4c-3%200-4%204-2%2011%202%206%205%207%205%202%200-4%200-4%204-4l6%202%202%201v-7c0-9%200-9-2-7M48%20175c0%207%200%207%202%206h14c2%201%202%201%202-5v-7H48v6m183-5l-1%204%201%204h10c11%200%2012-1%2010-6%200-3%200-3-10-3l-10%201m115%202c-2%201-2%202-2%205s0%204-2%203c-8-1-11%202-11%2011%200%208%208%2012%2014%206%202-2%202-3%202-9l-1-6h11v-9c-1-1-9-2-11-1m-206%201v2l2%202h-2l3%203c4%202%204%202%202%204-2%204-1%205%202%205s3%200%203-2l-1-3c-2-1%201-4%203-4l1-4v-4h-5l-8%201m108%209l-1%209v9h15v-19h-7l-7%201m-179%206v6h13v-6c0-5%200-6-2-6v1l-1%201-1-1h-7c-1-3-2-1-2%205m161-1c-4%205-2%2011%203%2013%206%202%2011-2%2010-9v-3l1-1c-1-3-11-2-14%200m-144%205c-9%205-2%209%2014%208%207-1%207-3%202-5-11-6-11-6-16-3m37%201c-2%202-3%205-1%207%202%203%208%203%209%200l5-1%204-1-2-1c-4%200-6-1-6-3l-6-3-3%202'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5625,"src":"/static/6a56441eca76fcac0173857492b18a89/2244e/ux.jpg","srcSet":"/static/6a56441eca76fcac0173857492b18a89/86e11/ux.jpg 100w,\n/static/6a56441eca76fcac0173857492b18a89/f836f/ux.jpg 200w,\n/static/6a56441eca76fcac0173857492b18a89/2244e/ux.jpg 400w,\n/static/6a56441eca76fcac0173857492b18a89/4fe8c/ux.jpg 600w,\n/static/6a56441eca76fcac0173857492b18a89/14b42/ux.jpg 800w,\n/static/6a56441eca76fcac0173857492b18a89/d8255/ux.jpg 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}}}]}},"pageContext":{"slug":"/","langKey":"en"}},"staticQueryHashes":["4097791827"]}