Published 📅: ....
Last modified 📝: ....
Share this post on BlueskySee discussion on Bluesky
I have recently been thinking a lot about template literal strings and their power within the scope of javascript.
I know that we have all decided to drop Mustache and move to react and similar libraries but I figured I would flex my muscles a bit and try to build out a very dead simple rendering function.
const render = (template
Lets break this down a bit. The render method takes in a template and a model or
store of data, it searches through the template to find any words wrapped in
{{}} with or without spaces, all its matches are then matched and replaced
with the corresponding values from the model.
This is just a really plain render method, the next step up beyond this would be to start caching the template and storing it in the VDOM, well only if we wanted this to become a bit more efficient on handling re-renders/data updating.
Either way figured this was a simple little thing worth playing around with.
Loading...
Published: ....
A quick tip for creating roundup or summary notes based on other notes in Obsidian using the Dataview plugin!
Published: ....
The secret to excellent product teams is using your own product, and often!
Published: ....
Are we reinventing the wheel when it comes to onboarding new AI agents to a codebase, when we already have primitives available for onboarding humans?
Published: ....
Have you ever found the need to change the image you render on a web page based on the current preferred color scheme of your theme?
Published: ....
Have you ever wanted to create a class in JavaScript or TypeScript but also have the initialization be async? Here's a quick tip on a pattern that I've used in the past!
Published: ....
I recently launched a rewrite and redesign of this personal website, I figured I'd talk a bit about the changes and new features that I added along the way!