I've had some React topics I've been wanting to get to for awhile now, and today ended up being a great day for working through that backlog!
\nHere's what I covered across those various videos & articles:
\nAfter that, I spent a decent while playing around with Webpack configurations + my newest side project, my own custom, personal REPL... Stay tuned!
","frontmatter":{"day":"37","title":"React Bonus Lessons","publishDate":"2021-03-17","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZElEQVQoz61Sz0vCYBj27+lP6RIdQig6SHawILToIBKIUVLW0rkyvASB2uamzZsxBuFhEAQDD9WhCAuCoqBDnZxP3/dt6qZGBB4evu97tvd5fzyvD+UMxgmfh5DSo+//Few4AvS0KCTK8TbnCHdG3Ae5foWOGM44QNwHZPKxlCLCaVjiAQNkngVZogMq4HBu4V6FHRpUy8M0m9BvnvGllQGFJKnlAPUI34U9JoDzQ/ZGVbA5V3U9QYv+WEji6dqAv/6BidwdLh/e0diKID4/jdPVBcRmp5AK+iGE5pAlOAkHsB2YgclFWRJadV+Qzqu4g1dDx3LjE5OVF1zdtnAvbECNLUFLhFGPr6C0vojCWhDVaAgX5K1vRvB4nAAqWXsEbpdZ2XIGb4aGVtNEW82Tlnm7ZdomhZJlwd2WGRR+uGWPU8QMFHeJORzL2qamSLYJ3eEPckMue9eGZ3Bzv63O34s9BvwA43+4WD/wRuwAAAAASUVORK5CYII=","aspectRatio":1.7857142857142858,"src":"/static/87d8c5ef654656e505403fab3032a4d4/3891b/day-37.png","srcSet":"/static/87d8c5ef654656e505403fab3032a4d4/3ba9f/day-37.png 100w,\n/static/87d8c5ef654656e505403fab3032a4d4/8ac63/day-37.png 200w,\n/static/87d8c5ef654656e505403fab3032a4d4/3891b/day-37.png 400w,\n/static/87d8c5ef654656e505403fab3032a4d4/8c332/day-37.png 600w,\n/static/87d8c5ef654656e505403fab3032a4d4/bc8e0/day-37.png 800w,\n/static/87d8c5ef654656e505403fab3032a4d4/54311/day-37.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Ended up having another day peppered with meetings, so I slowed down a bit on the code front and devoted my day to reading in the in-between moments.
\nI read a couple long-form articles about various Open Source projects. After that, I did way too much reading about the best React Starter Kits, from create-react-app, to Next.js, to Gatsby.
\nAlso read about some of the best Open Source React Projects. Some highlights:
\nNew day, new week! Happy Monday everyone!
\nThrew some time today at learning about some older versions of React and React Router. Not touching these older versions super often, but there have already been a few moments where having some deprecated knowledge has been helpful!
\nAfter that, I read tons about:
\nFinally, I spent this afternoon doing some video deep-dives on some of the topics I spent this morning reading about — ended up being super helpful as far as reinforcing what I learned this morning goes. Mainly focused on some lessons on Jest, RTL, and Liquid.
","frontmatter":{"day":"35","title":"RTL, Algos, and Liquid Learning","publishDate":"2021-03-15","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABYElEQVQoz2PYbS36HxveZSUCZYuh8fFjBqwSIM1AvAvENhf4v9tS+P9uW3Gw4YQMxmrgLhhtxvd/f5Lb/32+2v+367AA+QJw1+IyGLsLbcT+7zTj/38w2PD/9WN7/l/sr/x/Isv3/5FYu/+7zAWIdyG6rXvsJP9fnlj9/+mD6/9fvH76/1xr7v8dhpxA70vg1MMACzOYxC5geO2yEAJ7e7se6/9jCY7/by6f+v/KlPr/l7tL/m/VYICqE0LoAdMi2F24x17q/z4Xhf97neX/7wXShwL0/h8HGnrIX/f/sRjb/wd8tODyu+0kEIZieBkUbqZ8/49GWf+/0pb//2xxJBBH/D9XFvP/Qk3y/0uNmf/PlUb/v9JR9P98ZcL/C9VJ/4/F2YP1gPTuIuhlkJcsBMH8neaCYE17HKTBBoDkwfpsJZDCUIRwpKDL7bISBhuMnnSQ9TEQk/qRNaCnQXRHAABgf9N7CcT6AQAAAABJRU5ErkJggg==","aspectRatio":1.7857142857142858,"src":"/static/d0ff50773e2bb3b6c8c9264f5e3466cb/3891b/day-35.png","srcSet":"/static/d0ff50773e2bb3b6c8c9264f5e3466cb/3ba9f/day-35.png 100w,\n/static/d0ff50773e2bb3b6c8c9264f5e3466cb/8ac63/day-35.png 200w,\n/static/d0ff50773e2bb3b6c8c9264f5e3466cb/3891b/day-35.png 400w,\n/static/d0ff50773e2bb3b6c8c9264f5e3466cb/8c332/day-35.png 600w,\n/static/d0ff50773e2bb3b6c8c9264f5e3466cb/bc8e0/day-35.png 800w,\n/static/d0ff50773e2bb3b6c8c9264f5e3466cb/54311/day-35.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Cozy Sunday spent reading! I kinda cheated and didn't actually write code today, but it's blizzarding outside and I'm too cozy reading. Will get back to code-heavy days tomorrow.
\nIn the meantime, I'm reading about Promises in JS, useful ES6 snippets, and new JS ES2021 features!
","frontmatter":{"day":"34","title":"ES6, ES2021, and Promises in JS","publishDate":"2021-03-14","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOklEQVQoz2NI4f3/Hxkn84Dof2A6nv3//zg2VAwSQ1aDrp8BXQCukO/v/wq1R/+rNe//r9KAYBAbJAaSgxlKlIFJXP//Z4l8+/9qo+v/X0d1/3/bbwzGPw/r/3+5wRUsB1JDmoGi3/5/2mX5//95hf//zyn9/39B/v//G6L/v+wxI9NAoKb3223BBr7e5PT/0fKA/1emJf9/utr7f4745/+J5LjwzRaH//9vivy/PCXl/4qEhf8XRq76f29R2P9ciU//EznJcOGPQwb//51S/785b+L/U92F/9dnTfu/vbjnf6nic3BsE28g9///GUI//l+fFff/0pTU/+szp/8/05P3f1PupP9Hmiv/Z4uR4GVEcoAYnCbwB2jAl//pgr+A9Fcg/zd56RBZE8hgZBph2D8SEjbUlbgwLgMBGzgloY8MdfEAAAAASUVORK5CYII=","aspectRatio":1.7857142857142858,"src":"/static/3709f3d5452417807c154e0c580b310f/3891b/day-34.png","srcSet":"/static/3709f3d5452417807c154e0c580b310f/3ba9f/day-34.png 100w,\n/static/3709f3d5452417807c154e0c580b310f/8ac63/day-34.png 200w,\n/static/3709f3d5452417807c154e0c580b310f/3891b/day-34.png 400w,\n/static/3709f3d5452417807c154e0c580b310f/8c332/day-34.png 600w,\n/static/3709f3d5452417807c154e0c580b310f/bc8e0/day-34.png 800w,\n/static/3709f3d5452417807c154e0c580b310f/54311/day-34.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Happy Snowpocalypse Saturday!
\nBuilt a simple language toggle in order to get some practice with the following topics:
\nSee the live app here.
","frontmatter":{"day":"33","title":"Practice with Context as Redux","publishDate":"2021-03-13","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA90lEQVQoz62SXW6DMBCEc25jwIZCeo6+RKoEDcZ2I6V3m65/6yaRlUp9+NhdtDOMkQ9WNvhPDu5h3CCYrxkRFkLPssDEvXI/9dnQFkufkuHiDVgQJ2HRJ2MbSdq7hJrqu+Q4EQuhiI3ebZRWpZl6/y6iHyVMhorqaejwJluszmQWWF96qImYJdZJYKPZDDwHUDXD3aV4HXAmkSbxchzx4QzGDjuhyciMLf2W5lnDBotP0cES5tjja2a4Tg0uTjy00M7QH5uTIfea6pF3EdDevKeELezIY5pgYMRPX03o6l6gb+f4sdw/c22qyIgoau3a/LrYf6BM+A19708teEsQuwAAAABJRU5ErkJggg==","aspectRatio":1.7857142857142858,"src":"/static/b2a0d31bcb082a0b6ec1f605e6b84332/3891b/day-33.png","srcSet":"/static/b2a0d31bcb082a0b6ec1f605e6b84332/3ba9f/day-33.png 100w,\n/static/b2a0d31bcb082a0b6ec1f605e6b84332/8ac63/day-33.png 200w,\n/static/b2a0d31bcb082a0b6ec1f605e6b84332/3891b/day-33.png 400w,\n/static/b2a0d31bcb082a0b6ec1f605e6b84332/8c332/day-33.png 600w,\n/static/b2a0d31bcb082a0b6ec1f605e6b84332/bc8e0/day-33.png 800w,\n/static/b2a0d31bcb082a0b6ec1f605e6b84332/54311/day-33.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Happy Friday!
\nSimple day of code today! This morning's read included learning about CI/CD via Github Actions, discovering some advanced Git commands, and brushing up on my TypeScript knowledge.
\nAfter that, I spent some time working through a couple algorithm challenges.
\nGetting back to React Context tomorrow!
","frontmatter":{"day":"32","title":"Git + TypeScript Lessons","publishDate":"2021-03-12","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABPklEQVQoz6VSu0oDQRTNfwhiIX6HhVopEsQm1tr4wAg22hizu7NBUXxVQTCkCSgiWbM7YzAK0dmHMatFKhtbsfEPjrObCVnTmNXicOeee+bM3JmbcKiOKGwriCSMtkXgirUj4YY8+aHp3Z/oJbrCtkm9kkPdlBDrDt/V/GLYvpmOJ6YhfXSOsa0appQqJgXGM3dYE5wnah1d34ZBe7PEwuCKi6HlBwynHzGw5CCpmrL1mIYeE4aagQniY7XQQurQx9xJCwsHVNS1yHvHMJxRDUzvvoL6HyBXb7hwP7F4zMDNPxgGbSVVCyPrTWxfvmNU8VHkX9BKHPdlBS6LaRh8in5awPx+GRt5A5v5a+yUbrF3VoRHY3xKdCyaNypeqgoaLIsGzcKuZPDMVHkwiTc2gZiLyGXOQy4nc9L/G/4X3452jhaXD16qAAAAAElFTkSuQmCC","aspectRatio":1.7857142857142858,"src":"/static/13ffa7a7fd5a2765413824305211c828/3891b/day-32.png","srcSet":"/static/13ffa7a7fd5a2765413824305211c828/3ba9f/day-32.png 100w,\n/static/13ffa7a7fd5a2765413824305211c828/8ac63/day-32.png 200w,\n/static/13ffa7a7fd5a2765413824305211c828/3891b/day-32.png 400w,\n/static/13ffa7a7fd5a2765413824305211c828/8c332/day-32.png 600w,\n/static/13ffa7a7fd5a2765413824305211c828/bc8e0/day-32.png 800w,\n/static/13ffa7a7fd5a2765413824305211c828/54311/day-32.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Shifting my daily schedule a little bit to make more room for expanding my Computer Science knowledge. Always trying to learn and grow, so if anyone has any recommendations for go-to CS content, please share!
\nFor this morning, I focused on:
\nNext, I started deepening my code-testing knowledge by reading about + playing around with Jest.
\nAfter my reading + learning, I started messing around with Context in React. Planning to build a simple language toggle in order to get some practice with Context..
","frontmatter":{"day":"31","title":"Jest, CS Learning, and useContext","publishDate":"2021-03-11","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABVUlEQVQoz5WSv0vDQBTH06aIs3+AqODoKILdO1gXF10URLuJoIsuItRN0iQqUWlTYqtIClZdRBTRQpqmyZAKogXFyc2/4us74o9YWrgOX+5x9+7zvu/uCYJaR1spDonFtGZIEsUZkuQEZz85rfc6AtVvGEGHcy7GDQejuo2xIw+xXbc9rDMwSI6pNXLlYr30gM9UHB8zI7jTJPTkm+S02gVQCbWz94ihAxsVJQ1L3cLSfon2fYisGC8wyhzKLuL5KgpZHXPFe9yUy9DOb2GYF1TEp3NeIDkT2Sq5mDdrMC+vsXD1jPflSbwkB+HlZPRmn+gpbH6HokLVdxrY1Arw12ZRSU2gmRyAu5hA+vAEgtbowmGo5YRhob4yjbONVUwdW+g/ffsPUzhb/ptDD33FV0R1+lXZg7BthWDO7zRw/HKQGGEX2HjQe4kUR1qL8s9hGMoBCekLQswNkUPxSXUAAAAASUVORK5CYII=","aspectRatio":1.7857142857142858,"src":"/static/2f72919c4801cbd457b752334c200201/3891b/day-31.png","srcSet":"/static/2f72919c4801cbd457b752334c200201/3ba9f/day-31.png 100w,\n/static/2f72919c4801cbd457b752334c200201/8ac63/day-31.png 200w,\n/static/2f72919c4801cbd457b752334c200201/3891b/day-31.png 400w,\n/static/2f72919c4801cbd457b752334c200201/8c332/day-31.png 600w,\n/static/2f72919c4801cbd457b752334c200201/bc8e0/day-31.png 800w,\n/static/2f72919c4801cbd457b752334c200201/54311/day-31.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Lots of Computer Science-centric reading this morning! Trying to fill my CS gaps as well as I can, so spent the morning reading about a swathe of things, including:
\nTwitch.TY progress (!!!):
\nTomorrow, we move on to Context within React!
","frontmatter":{"day":"30","title":"Buttoning-Up Twitch.TY Build!","publishDate":"2021-03-10","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABYUlEQVQoz5WSTUsCURSG/RlhtQlq2Uymi6gfUH5FGaVRi4iWUUltImjRP2ghRCEEQbSojQS10pnAsObDCFEb2s/cKBwnpnZvM7dMMdFpceBwznuee8+HK3/zgmaTeYI8b/sEYkaFlCHUbN+O2TmqaVHragWTf2ASR1AW3lES36gpkklj7aCuVq/UYEWhguOjM0TnYohMzSCxn7TAeh3q5Ie1NhXpA4eJE4SCAQwxHvT3DYBlGSQPTvEkmvX2nbQscRpKgo7lpRWMjoxhYX4R0dkYwsEw4uubKOReIXPEWcu2SMxoKIsG1lbjcHd1IzARwvRkBD3uXiu2YeWq1pI05zOUOBXFnIHLCw4+nxf+cT+GPV6wzCBS52kU7wyqcbzlb6hmFVaRvhKwu7OHrfg2rlNZlO4NmmvUdlxKI/QxW4Eim3h++EThVm+C/eNsfqG8RjcqptWOsDbAvyOoHz1pq/8CWZPWGC5kv8sAAAAASUVORK5CYII=","aspectRatio":1.7857142857142858,"src":"/static/85da37ae58b46af1665a9f189740c66f/3891b/day-30.png","srcSet":"/static/85da37ae58b46af1665a9f189740c66f/3ba9f/day-30.png 100w,\n/static/85da37ae58b46af1665a9f189740c66f/8ac63/day-30.png 200w,\n/static/85da37ae58b46af1665a9f189740c66f/3891b/day-30.png 400w,\n/static/85da37ae58b46af1665a9f189740c66f/8c332/day-30.png 600w,\n/static/85da37ae58b46af1665a9f189740c66f/bc8e0/day-30.png 800w,\n/static/85da37ae58b46af1665a9f189740c66f/54311/day-30.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"If you've been following along so far, you have probably figured out that I absolutely love reading — books, articles, comics — any source of learning or storytelling or entertainment and I'm in.
\nThis morning was no different: Did plenty of reading about React Portals, why they're necessary given the nested structure of React components, and how to use them to get around Stacking Contexts and make some modals!
\nAfter finishing up building some reusable Modals, I started working on implementing the actual streaming (!!!)
\nHoping to have a working, shareable MVP in the next day or two!
","frontmatter":{"day":"29","title":"Modals Delivered via React Portals","publishDate":"2021-03-09","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABdElEQVQoz62Sz0oCURTGfaL+LCpaiISpY2PLQloVSEG1skWLalm0SCIikhY9QGWUCzWd0QTRMVHSLMcZR8WIEKQe4eveZMYpSGfR4uOcM5f53e/cc0wztTtokiNw6qJDiZGcnpGaRCqW5Grdiz2Z9IXzF3S+fP2dO+UuhMJsIqfVKvRPIIWwchjTjTjWMmfYC27BXboEQ5xSiLnMYUQQYC4l4VLCmuu+QOpolkRP6gSbrwL4To38FCKKwvdWwXorjfHH+I+n6Auk7zZXuYU744f/s46XdhUuMQiLGMViNY/9dh5jRQ5MNWYMaK9zWHi6wmryEN4PCRdNAdvE1XIji+NWEwedHIbzCdhFHqxiAMjQlqUQfAEvdso3OFWSmHoOwNNKYUUqYLIUx1A6B0YyOGV1KEsP59i9P8LGewFW8s1RC2GiyGNUyMJSTmhDGThldWVsDR5WIgdxq567SIsUxOpgA1vWQ1m5e7t+73qrEjGwNv+gLwaVenv74k9fAAAAAElFTkSuQmCC","aspectRatio":1.7857142857142858,"src":"/static/cb056532aacf81c2c5b9c8ba81b881c9/3891b/day-29.png","srcSet":"/static/cb056532aacf81c2c5b9c8ba81b881c9/3ba9f/day-29.png 100w,\n/static/cb056532aacf81c2c5b9c8ba81b881c9/8ac63/day-29.png 200w,\n/static/cb056532aacf81c2c5b9c8ba81b881c9/3891b/day-29.png 400w,\n/static/cb056532aacf81c2c5b9c8ba81b881c9/8c332/day-29.png 600w,\n/static/cb056532aacf81c2c5b9c8ba81b881c9/bc8e0/day-29.png 800w,\n/static/cb056532aacf81c2c5b9c8ba81b881c9/54311/day-29.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}}]},"site":{"siteMetadata":{"title":"Tyler's 100 Days of Code"}}},"pageContext":{"limit":9,"skip":9,"numPages":6,"currentPage":2,"pagePath":"/2"}},"staticQueryHashes":["1307492417","63159454"]}