View profile

[DMWN #7] - Understanding jwt decode and verify and which to use for token verification

Dillion Megida
Dillion Megida
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 😇
  1. 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
  2. I made some changes to my website— 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 ✍️
  1. 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.
  2. 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.
  3. 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
  4. 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 🛠
  1. 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—
  2. SVG Viewer: This is a VSCode extension that allows you to view svgs right in your editor.
Useful hacks/tips ✨
  1. 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.
  2. 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.
  3. 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 like
    • git checkout - to checkout the previous branch
    • git merge - to merge the previous branch
    • git rebase - to rebase the current branch with the previous branch
    • basically anywhere a name of a branch is required, you can use this sign to reference the previous branch
Random 🔄
  1. 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 🌟
Did you enjoy this issue? Yes No
Dillion Megida
Dillion Megida @iamdillion

A weekly newsletter where I share things around Tech, Career and Life

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.