Tan Li Hau articles - 28 total
2 ways to pass data into Svelte slots
Let's see how we can pass dynamic data to the slotted contents
Explain Svelte slots like I'm five
Just like element, you can pass child element to Components. However, the child elements passed to a Component won't show up on the screen, unless explicitly specified using a `<slot>` element in the Component
2 amazing use case of tick() in Svelte that you must know
tick() is a function that returns a promise that resolves as soon as any pending state changes have been applied to the DOM. Here's 2 great examples of using tick() that you shouldn't miss out on!
7 Event Modifiers in Svelte You Must Know
Why do we need event modifiers at all? What you'll learn will changed your mind
Notes: The CSS Podcast #027 - "Houdini Series: Typed Object Model"
Podcast Link to the Podcast Notes CSS Typed Object Model (Typed OM)...
Notes: The CSS Podcast #026 - "Houdini Series: Properties & Values"
Podcast Link to the Podcast Notes CSS Houdini Umbrella term that c...
Contributing to Svelte - Implement {#key}
Background Unlike the other contributing to Svelte posts [1] [2], which I wrote it while i...
Compile Svelte in your head ({#if})
In this article, we are going to cover our first logic block, the if block. To make sure we are on t...
Contributing to Svelte - Fixing issue #5012
Background Following Contributing to Svelte - Fixing issue #4392, I find it interesting to...
Contributing to Svelte - Fixing issue #4392
Background As Svelte gains more attention, I find that more and more people are interested...
Compile Svelte in your head (on:, bind: and use:)
Previously, I detailed how $$invalidate works, described how bitmask was used in $$invalidate, and ex...
The Svelte Compiler Handbook
Who is this for? Anyone who is interested in the Svelte compilation process wants to ge...
Compile Svelte in your head ($$invalidate)
Previously, when I mentioned the $$invalidate function, I explained that the $$invalidate function wo...
Compile Svelte in your head
Background A while ago, @swyx came back to Singapore and visited us in Shopee Singapore (W...
Hydrating text content from Server-Side Rendering
Disclaimer I am not going to talk about what is hydration, to know more about client-side...
Personalised Development Workspace With Chrome Extension
Abstract Chrome extension allows us to add features to our browser, personalize our develo...
Reactivity in Web Frameworks (Part 1)
What is Reactivity? Reactivity is the ability of a web framework to update your view whene...
Super Silly Hackathon 2019
I just came back from the Super Silly Hackathon 2019. It was my second time to participate in this Su...
JSON Parser with JavaScript
The interview question of the week for this week on Cassidoo’s weekly newsletter is, Write a functi...
Manipulating AST with JavaScript
How to traverse AST; How to add, replace and remove AST nodes; How to create AST nodes?
Babel macros
Custom JavaScript syntax is hard to maintain, custom babel transform plugin is no better. That's why we need Babel macros.
Creating custom JavaScript syntax with Babel
Forking babel parser and creating your custom JavaScript syntax isn't as hard as you think.
I wrote my module bundler
In my previous article, I explained how module bundler works. In this article, I am going to show you how I wrote my module bundler...
Solving Nonogram with Code
...said me to my colleague, "If I could come up with a program to solve this, I would stop playing it"
Step-by-step guide for writing a custom babel transformation
Writing your first babel plugin
Git commits went missing after a rebase
What happened when you do a rebase
What is module bundler and how does it work?
understand how module bundler works
Errors encountered upgrading Flow v0.85
and how we solved them