PinnedPublished inCZI TechnologyHow We Significantly Improved Frontend Performance in Our Remix AppA journey of Remix the full-stack web framework, a problem we faced and how we solved it using Remix’s flexible solutions & native Fetch…May 17, 20231May 17, 20231
Pinned8 Flexbox Layouts You Should KnowModern CSS layouts commonly used when building UI componentsSep 14, 20211Sep 14, 20211
Deep dive: <tables> with sticky headers and columnsThe bare minimum needed to create a table with both sticky header rows and columns.Apr 26, 20241Apr 26, 20241
Reflecting on a failed goal in 2022In 2022 I set myself an ambitious goal, “to write 24 blogs in 2022, two blogs per month”.Dec 25, 2022Dec 25, 2022
Save over $1,000 on your groceries with 1 line of codeRewards programs (AKA Loyalty Programs) are a fascinating, yet simple concept. Companies will let you sign-up for free with an email, track…Jun 16, 2022Jun 16, 2022
Use the newest libraries and automatically update your dependenciesWhether it’s a personal project or your companies’ code base, updating dependencies and keeping versions up-to-date can be tedious. Save…May 15, 2022May 15, 2022
TypeScript Tip 02: Three Different Ways to Annotate Event HandlersWhen it comes to annotating event handlers, you have several different options. Below we’ll cover three different approaches you can use.Apr 30, 2022Apr 30, 2022
Typescript Tip: Using the “in” Keyword to Deal with Multiple TypesToday we’re talking about Type Narrowing — special checks and assignments that allow typescript to infer more specific types than declared…Apr 14, 20221Apr 14, 20221
Learn CSS Selectors While Preparing Bento BoxesHands-on learning is a form of education in which students learn by doing. Specifically, hands-on learning allows students to learn through…Mar 15, 2022Mar 15, 2022
Practical Pair ProgrammingTwo heads are generally better than one. Collaboration leads to more thoughtful designs for users. Fewer errors and bugs reach production…Feb 28, 2022Feb 28, 2022
CSS Concepts to Know: SpecificityEverything you need to know about Specificity in CSSFeb 14, 2022Feb 14, 2022
Using React’s Context API to Simply ComponentsFeaturing: Radio Buttons and a Radio GroupJan 31, 2022Jan 31, 2022
Polymorphic Components with React & TypeScriptLearn how to properly type annotate a Polymorphic Component in TypescriptJan 16, 2022Jan 16, 2022
How to easily hide a HTML elementThere are three easy ways to hide an element using CSS; each of them a little different than the other.May 30, 2021May 30, 2021
A simple solution to optimize React re-rendersWithout using: React.memo, useMemo, PureComponent, or shouldComponentUpdateMay 5, 2021May 5, 2021
How to position HTML elements properly using CSS.Learn the difference between position: static, relative, absolute, fixed, and sticky.Mar 22, 2021Mar 22, 2021
Creating a React App ScratchLearn how to create a react app from scratch using webpack and babelMar 5, 2021Mar 5, 2021