I recently went through the RFC process, for the overall direction and technical solution to an internal application in my organization.
Fine grained reactivity
Reactivity within frontend development has been dominated by React and its Virtual DOM approach for many years now. But there are other approaches out there. Let's have a look at SolidJS, its fine-grained reactivity model and a very basic implementation of signals.
Animating gradient border
Gradients aren't supported for borders in out of the box in CSS, but there's a few ways to achieve it. Here's an example of an animating gradient border on an element with border radius.
Prevent impossible states with union types
For complex frontend applications, state management is often one of the main challenges. One common problem is to end up in erroneous states, that should not be possible to be in. Luckily we can alleviate type systems to prevent the unwanted states, and catch the errors at compile-time.
Typing your API routes with template literal types
Typing your endpoint calls is very useful but not straightforward. Ever found yourself creating a function to encapsulate an endpoint call? Here’s a useful approach using TypeScript and template literal types to get clean and flexible typed endpoint logic.
Do Repeat Yourself
One of the first software development principles we learn is Don’t repeat yourself (DRY). It’s the principle that leads to cleaner, more compact and readable code bases. Or, is it the principle that leads computer science students and misguided programmers into redundant (over)abstractions, and code which is hard and complex to refactor?
Minimum Viable Product
In fall 2021 I did an internal presentation about some of the learnings I had during my first two years at Unity Technologies. This post covers the first topic of that presentation; the Minimum Viable Product (MVP).