Hello there 👋
Merry new week 🙌 I trust your weekend was great. I’m back from my break (thank you for your patience), and I’ve got some helpful content for today:
What I did last week 😇
I created a video on JWT decode vs verify - Understanding which to use for token verification. Often, I find people using these jwt methods wrongly, especially when it comes to token verification. And the wrong usage makes applications vulnerable. In this video, I explain what the methods are to help people understand them better
I made some changes to my website—dillionmegida.com. Unlike before where the homepage was a blog, and I had an /about page, I updated the homepage to have a short bio of myself, with a few of my contents and the blog page separate. There are still more updates I’d love to make but I think this is sufficient for now.
Featured Articles ✍️
Technical Guide For Uploading Images to ImageKit With NodeJS: ImageKit is an alternative to Cloudinary, and in this article, I explain how to upload images to ImageKit using a NodeJS server.
How to set a default image when an image fails to load: Images fail to load for many reasons. In this article, I share how to set a default image on a container such that if the original image does not load, the default image shows.
Comparing TypeScript and PropTypes in React applications: In this article, I highlight the differences and similarities between TypeScript and PropTypes and what makes them useful tools for typing React props
How to build a Markdown plugin for your Gatsby blog: Gatsby provides a way for creating markdown plugins that can modify the output HTML from markdowns. In this article, I explain how.
Featured Tools 🛠
react-youtube: A React component that shows the Youtube Iframe when you pass a video id. I used it to display the youtube videos on my website—dillionmegida.com
SVG Viewer: This is a VSCode extension that allows you to view svgs right in your editor.
Useful hacks/tips ✨
History.replaceState(): a handy method on the History object that allows you to update the contents of the URL without triggering a page refresh. I used this for the contents page of my website to update the URL as the text is entered into the search input.
How to Open Multiple Tabs on Start-Up with Chrome: This was a helpful hack for me as I always forgot to do some necessary things when I start my browser.
Easily reference the previous git branch you were on with “
-
” (minus sign, an alias for@{1})
. Here’s the release note for this feature. This means you can do things likegit checkout -
to checkout the previous branchgit merge -
to merge the previous branchgit rebase -
to rebase the current branch with the previous branchbasically anywhere a name of a branch is required, you can use this sign to reference the previous branch
Random 🔄
This is called a convertible:
According to Wikipedia, A convertible or cabriolet is a passenger car that can be driven with or without a roof in place. I didn’t know this before, so if you’re like me, now you know what this type of car is called 😅
A new week, another opportunity to do amazing things! So go do amazing things 🚀
Do have a splendid week 🌟
Welcome back Dillion.🌟