{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/week-43","result":{"data":{"post":{"title":"Week 43","slug":{"current":"week-43"},"_rawBody":[{"_key":"d3009f0b2fb9","_type":"block","children":[{"_key":"3bb10b742a7c","_type":"span","marks":[],"text":"This week has been a return to some React fundamentals. I had gone through many of the common “React for beginners” type material, but I felt like there were some things I had largely forgotten since I hadn’t really needed them in what I had been working on."}],"markDefs":[],"style":"normal"},{"_key":"456841fc62d3","_type":"block","children":[{"_key":"f6256da9c2ee0","_type":"span","marks":[],"text":"So I fired up a simple React project in Codesandbox and made a few mini-apps, trying to do as much as I could without reaching for Google when I got stuck."}],"markDefs":[],"style":"normal"},{"_key":"fbbc77435550","_type":"block","children":[{"_key":"857e2b0864400","_type":"span","marks":[],"text":"Things I reviewed: fetching data from an API (forcing me to review the whole async/await/promises thing), getting and storing in state a value from an input, and controlled vs. uncontrolled inputs."}],"markDefs":[],"style":"normal"},{"_key":"94a4cf6d56b2","_type":"block","children":[{"_key":"0b0e31800e800","_type":"span","marks":[],"text":"I put together a number of the standard beginner React projects: a weather app, a random joke generator (with password protection for some of the more off-colour jokes), and a todo list."}],"markDefs":[],"style":"normal"},{"_key":"15280f0f5edc","_type":"block","children":[{"_key":"b549f8aa88f60","_type":"span","marks":[],"text":"They all look horrible at the moment since I only included the barest of styling. Maybe down the road I’ll clean them up and make them look presentable. For now, it’s a nice place to slap together a little app to remember how to do something and reinforce some concepts."}],"markDefs":[],"style":"normal"}],"publishedAt":"2021-03-12T11:00:00.000Z","categories":[{"title":"Journal Entries"}],"tags":[{"value":"React"}],"mainImage":{"asset":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUHBv/EAB8QAAEEAgMBAQAAAAAAAAAAAAIBAwQFABEGEiEyUf/EABYBAQEBAAAAAAAAAAAAAAAAAAMAAv/EABcRAQADAAAAAAAAAAAAAAAAAAABERL/2gAMAwEAAhEDEQA/AF0yfPZGVXnDZli+2m3GE0i5kY9I/ZySCNXdjE+v2m8sqU8WXDOOqK2BJrYeKmLmOEVsB8JDByO4L29NfccCJcppptfcORjZcDqiaRfzDLNZVcGTKJx+MJnrW1VcMzlXD//Z","aspectRatio":1.5,"src":"https://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=900&h=600&fit=crop","srcSet":"https://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=225&h=150&fit=crop 225w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=450&h=300&fit=crop 450w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=900&h=600&fit=crop 900w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=1350&h=900&fit=crop 1350w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=1800&h=1200&fit=crop 1800w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=2700&h=1800&fit=crop 2700w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg 6000w","srcWebp":"https://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=900&h=600&fit=crop&fm=webp","srcSetWebp":"https://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=225&h=150&fit=crop&fm=webp 225w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=450&h=300&fit=crop&fm=webp 450w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=900&h=600&fit=crop&fm=webp 900w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=1350&h=900&fit=crop&fm=webp 1350w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=1800&h=1200&fit=crop&fm=webp 1800w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?w=2700&h=1800&fit=crop&fm=webp 2700w,\nhttps://cdn.sanity.io/images/pwg13agp/production/cdc1b6ae808f7891289ccc185bae6263b473c28b-6000x4000.jpg?fm=webp 6000w","sizes":"(max-width: 900px) 100vw, 900px"}}}}},"pageContext":{"slug":"week-43"}},"staticQueryHashes":["63159454"]}