Slowed things down a little today to give myself a bit of a breather.
\nSpent pretty much the entire day of code refactoring my mini-Youtube Clone. I originally used the project as an excuse to refamiliarize myself with lifecycle methods + class-based components, but now I'm doing a quick rebuild to shift to using Hooks.
\nHere's what I practiced along the way:
\nPeep the updated Youtube Clone here.
","frontmatter":{"day":"19","title":"Youtube Clone Refactor","publishDate":"2021-02-27","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9ElEQVQoz7VSyw7BUBRs4iNFQmMtsZHYkFh0q4kQxA/Y9EOsrIhXiEcTrwgliq46ek5bKkpJWEw6mTOde+85R9iPuvglhCdx2IHmfPeDtj+8nqBA16hNBtBWMxtr9c5XKtduoW8D6UQyjvs4NBu4pFMw4jEYkTAMMWpxkTWqkcf1vwzkE/st7DZznHNZQBB8cc5l2ENeLfCGPStwu8QlmeCfTYKiwJRl5qRRjTzkfXtD38BQCKYkwRRF5l8F2k9uc+NPhfzLJ1ONBsXej4bi9PKo1KHXytArRejVEnPSbr0LGsrD2hBfTO018a4Mad59/fdiXwFiFO5P3Z/Z8wAAAABJRU5ErkJggg==","aspectRatio":1.7857142857142858,"src":"/static/95b48d2a041040010e127a2bb5091666/3891b/day-19.png","srcSet":"/static/95b48d2a041040010e127a2bb5091666/3ba9f/day-19.png 100w,\n/static/95b48d2a041040010e127a2bb5091666/8ac63/day-19.png 200w,\n/static/95b48d2a041040010e127a2bb5091666/3891b/day-19.png 400w,\n/static/95b48d2a041040010e127a2bb5091666/8c332/day-19.png 600w,\n/static/95b48d2a041040010e127a2bb5091666/bc8e0/day-19.png 800w,\n/static/95b48d2a041040010e127a2bb5091666/54311/day-19.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Happy Friday!
\nToday I finished up a little mini-project: a collection of simple widgets I've been building to help hone some particular skills.
\nAltogether, here's what makes up the \"collection\":
\nCheck out the live collection of widgets here.
\nThis is what I ened up getting exposure to today:
\nI've been curious about jQuery lately, so I spent my morning on Youtube working through some topical videos that helped shore-up my base-knowledge of the library. Also completed a couple more LinkedIn Skills Assessments.
\nAfter that, my attention naturally shifted back to React. Here's what today's focal points were:
\nThe project I kicked off to practice all of that^ isn't done yet, but I'm hoping to have everything working by tomorrow afternoon 🤘🏻
","frontmatter":{"day":"17","title":"React Hooks Deep-Dive","publishDate":"2021-02-25","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABEElEQVQoz51SPU/DMBTMv2qwE+fDbhKb1jRV0tKBJaoYEGJBYkOInYEFdpj4l0ccKZWJ7EZieLL07t75Tu8FjDH4KooiSCmRZRniOMY57liBqzkOG8GiKJCm6f8F7UFKKZqmgRACkUdw+lFgAyM4voQQdF2HJecgYXhybXOnosG0YQaMoyRJEC4W2NY1urt7FHoz8KqqQp7nQ7lM/HFoRHjvRikFrTWUrLDaXeP48Q398gbeHHDY79G2LcqyHLhOh3bTLMA4XK3X2PSi4uaIq/cvbD9/UN4+DAmWPS6lmo9sRzBLoOQCCRe4fHqFenxGpmvElJx4s5F9m2P9HbIsd2O+yD4xlxvvx77DPjcwd+C/psCD2nnmBIYAAAAASUVORK5CYII=","aspectRatio":1.7857142857142858,"src":"/static/978059c769dc7b291badb31287aa3342/3891b/day-17.png","srcSet":"/static/978059c769dc7b291badb31287aa3342/3ba9f/day-17.png 100w,\n/static/978059c769dc7b291badb31287aa3342/8ac63/day-17.png 200w,\n/static/978059c769dc7b291badb31287aa3342/3891b/day-17.png 400w,\n/static/978059c769dc7b291badb31287aa3342/8c332/day-17.png 600w,\n/static/978059c769dc7b291badb31287aa3342/bc8e0/day-17.png 800w,\n/static/978059c769dc7b291badb31287aa3342/54311/day-17.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"I spent today building a simple Youtube clone. This React-based app uses Youtube's Data API to take user input from a search field and return multiple videos from Youtube based on those search terms. User can play video in native video player component, or can select a different video from the search results.
\nTest out my Youtube Clone here!\n
I built this simple app in order to reinforce my understanding of the following topics:
\nToday was all about React!
\nReally enjoying this front-to-back review of knowledge that I've been working through — such a gratifying feeling to just get concepts that seemed so deeply dense and confusing just a couple months back.
\nHere's how I split my time today:
\nHappy Monday!
\nAfter a few days of troubleshooting, I finally have data reporting from Google Analytics! I hadn't installed tracking code into a website in a little while + my portfolio is built with express-react-views and JSX, it took some finnagling to get the code firing in the right spots. Nice win to start the week!
\nAfter that, I set aside some time to work on LinkedIn Skill Assessments — check out my new skill badges here.
\nFinally, I did my daily React. Didn't do a ton today as I diverted more of my time to job-centric things today. That said, I still made time to work on handling user input with forms + events and making API requests with React.
","frontmatter":{"day":"14","title":"Skills Assessments + User Input in React","publishDate":"2021-02-22","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABSklEQVQoz5WSy0rDQBSG+xpaLyQzKXRhfIVu3OmmO687cSkI1gso2BZBcGMxWkSs2bmxC4VEMeklTWKTWBeKoAv1UX6ng2CpaTWLnznM+c935nJi1Gvil5r3IEz0wYf0GIC2/B+xvbaH50NqY90bbSP5joUbEwNlDUQ3QHUTVDNAbiu8YS9oKJD6HgSrAXn5AOntM4hzeYzO5iBMZyEu7oE0bOaJAJQCD8OVGlKZY5xeORAZKLmwi8RMDiMMTBmQsKbRgNU6UutFKJcWCmUL7ssnjOAVY0v7EOoWaBARGDermMqew33+wF3rDVslDfbTO9J5FYNGlXsiAYfMGiYyRVzoPkrXLuZ3VKjs+pObJ4hHBfIHtx1IG0cYXz2EnFGQXClAZnFiTeG5f39K5zi0V8FxuETX5SvpMzK9T9in4C9P+GB3FISpG9ypL/9dSn3xZ/GNAAAAAElFTkSuQmCC","aspectRatio":1.7857142857142858,"src":"/static/cb35fae1afdd2286157d05b4f121618d/3891b/day-14.png","srcSet":"/static/cb35fae1afdd2286157d05b4f121618d/3ba9f/day-14.png 100w,\n/static/cb35fae1afdd2286157d05b4f121618d/8ac63/day-14.png 200w,\n/static/cb35fae1afdd2286157d05b4f121618d/3891b/day-14.png 400w,\n/static/cb35fae1afdd2286157d05b4f121618d/8c332/day-14.png 600w,\n/static/cb35fae1afdd2286157d05b4f121618d/bc8e0/day-14.png 800w,\n/static/cb35fae1afdd2286157d05b4f121618d/54311/day-14.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Made some coffee and started my morning by refactoring some portions of my portfolio site. Helped organize + eliminate some edge case issues with the responsiveness of some components. Also added a section highlighting some of my recent projects.
\nCheck out the updates to my portfolio here.
\nAfter that, I spent some time deepening my understanding of lifecycle methods. Then debugged a couple pagination issues with my 100 Days of Code log.
","frontmatter":{"day":"13","title":"Portfolio Updates + Lifecycle Methods","publishDate":"2021-02-21","thumbnailImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRElEQVQoz41Sy07CQBTla33U104XirqRR10gLSgpCiIGjdI2CnQDH4DGBxHjQhOXSnTj0kHxODN2TGmHlMVJZ+65c3rPvTfSV+cRQHIOxP0iNonvxAwHYlNDnOxtxB8gLtiDT3UBj8YmPlKLFEt4MlQeE6IkTJB4qvuJT+Mls45uQUPz9BitkyPcFTW86muUU4ZyR1fo+fMgoeC6tAPHrKJm26hTOKaJm9I2Bq6gzHqgQmaJ9YpV1ilmuJh1VoNNUbctHusW0jyH5ZIwy392FTzn4rg6yKHitGCeN1ClqDhNHmMca4msjwHLYhjYmMD93hYuynk0LIvCRPswj4fdFOfEcEItC7A1edNW0NnPctHLsoFben5PL3POmzvW2jB8JWfR01f/e9vTozw2Skwq6LUupi3u7Ew8fH9cQeJbIT9k+yfwCzWZijBXoVD4AAAAAElFTkSuQmCC","aspectRatio":1.7857142857142858,"src":"/static/54f3f4afbcdb6ed37f6ff295fd9c596f/3891b/day-13.png","srcSet":"/static/54f3f4afbcdb6ed37f6ff295fd9c596f/3ba9f/day-13.png 100w,\n/static/54f3f4afbcdb6ed37f6ff295fd9c596f/8ac63/day-13.png 200w,\n/static/54f3f4afbcdb6ed37f6ff295fd9c596f/3891b/day-13.png 400w,\n/static/54f3f4afbcdb6ed37f6ff295fd9c596f/8c332/day-13.png 600w,\n/static/54f3f4afbcdb6ed37f6ff295fd9c596f/bc8e0/day-13.png 800w,\n/static/54f3f4afbcdb6ed37f6ff295fd9c596f/54311/day-13.png 1280w","sizes":"(max-width: 400px) 100vw, 400px"}}}}},{"html":"Kicked today off with a couple fun articles about some advanced SVG and CSS manipulations. Now I'm looking for excuses to animate bezier curves in CSS — stay tuned..
\nOtherwise, I circled back to React after my fun-focused reads.
\nHere's how I split my time:
\nStarted today with more topical videos about Docker and Kubernetes. Trying to make I have solid literacy and comprehension, even if I'm not working with the technologies super often.
\nAfter that general learning, I zeroed-in on React.
\nHere's what I focused on today:
\n