🦁 It's better to be a lion for a day than a sheep all your life. - Elizabeth Kenny
Hi friends,
It’s been a while since I last sent out my (supposedly weekly) newsletter. How have y’all been doing?
So, here are some of the things I’ve done over the past weeks
Svelte Actions YouTube playlist
I’ve created a list of bite-sized tutorials on Svelte actions, here are some highlights: - What is Svelte Actions - How Svelte Actions react to parameter change - Integrating UI Library into a Svelte app using Svelte Actions - Reusing event listeners with Svelte Actions - Creating events with Svelte Actions - The order of Svelte Actions
and here are some examples of Svelte Actions: use:tooltip, use:viewport, use:popper, use:clickOutside; each of the examples demonstrates a different technique that you can pair with Svelte Actions.
Speaking at virtualtalk.js for SingaporeJS
I’ve been creating video content about Svelte Actions, why not also give them out as a talk? That’s exactly what I’ve done for the virtualtalk.js January meetup 😁
How to implement a tooltip positioning engine
Someone suggested me on Twitter to do a tutorial on “One of those self aware tooltips that change direction based on relative position to screen”, I’ve researched into the topic and here is my tutorial!
It involved getBoundingClientRect to get the size and position of an element relative to viewport, getComputedStyle to figure out all the scrollable parent, and some maths.
Buy Me a Coffee
Occasionally, I’ve been asked about my paypal / patreon account, where to support me or buy me a coffee. So, here’s my Buy Me a Coffee page where you can join my membership, which you could get an inside peek into what I am planning, how I create my content, and also huge discounts on any content I’m selling online. Besides, you could also propose what I should do next!
If you are not sure about joining my membership, you could still buy me a coffee. Any support meant a lot to me. 😍
Video Course: Manipulating AST with JavaScript using Babel
I’ve decided to share my experience on AST and Babel in a video course, which involves how to use prototyping a babel plugin using ASTExplorer, handling scope and setting up a Babel based codemod.
Of course, if you join my membership, you got a huge discount for my course!
Interesting things on the Internet
Here are some of the things I’ve found interesting
- JerryScript, a lightweight JavaScript engine that is intended to run on a very constrained devices that has limited RAM (<64 KB RAM). I’m always fascinated by JS engines and figured whether to implement one in the future for fun.
- 2020 JavaScript Rising Stars, a curated list of JS toolings, libraries, and frameworks ordered based on GitHub stars. Giving you a sense of what is trending in GitHub right now.
- Creating comic book speech bubbles with SVG and javascript, step-by-step tutorial on using SVG to draw a speech bubble
- Building a hexagonal grid using CSS grid, a tutorial showing how to use CSS grid + SASS to create a hexagonal tiles
- StackOverflow: Can a computer analyze audio quicker than real time playback?
And that’s the end of this week! Hope you enjoyed.
Until next time, friends! 👋