All Posts
Here is a list of all of my posts, sorted by the date they were published. Use the input below to filter posts by title, subtitle, description, or tags.
Displaying 10 posts
Composable Flourishes
Learn how we can use composition to create subtle, pleasant animations that can be used on any component in our applications.
Astro
JavaScript
CSS
Responsive Design and Composition
Responsive UI can be very challenging to write well and can often lead to some of the nastiest code you have ever encountered. Learn how to use multiple compositions to make responsive design a whole lot cleaner and easier.
React
CSS
Tailwind
Refactoring
Prefer Multiple Compositions
aka Prefer Understandability and Maintainability Over Absolute DRYness
The flexibility of JavaScript and React means there are lots of ways to achieve the same result. Let's consider why we might choose one way over another when it comes to React. Specifically, when to choose a more verbose solution with composition over the DRYest code possible.
React
JavaScript
TypeScript
Refactoring
Two Types of Composition
Not only is "composition" a confusing word, but there is more than one way to do it. Let's break those ways down into two types and learn about "nesting composition" versus "merging composition".
JavaScript
TypeScript
Software Engineering
UI Composition
AKA taking a step back to take a step forward
Often we run into tricky UI situations as a result of overloading an element with styling responsibilities. We can solve this problem by separating the responsibilities and re-composing the individual components.
React
Quit Your YAP-ing
Learn when adding yet another prop to a React component becomes a problem and how to fix it with composition.
React
Context, Composition, and Flexibility
Using React Context and component composition, we can achieve both flexibility and different functionality
React
Careful with Context Composition
Be careful with how you compose your UI when using Context. You might be making a common mistake causing extra rerenders.
React
Just Enough FP: Composition
Functional composition is the act of taking the output of one function and passing it directly as the input to the next function.
Functional Programming
JavaScript
Just Enough FP: Pointfree
Pointfree programming is a style of programming that favors passing the function itself as an argument rather than using lambda functions to operate on data. It focuses on the composition of functions rather than micro-managing your data.
Functional Programming
JavaScript
