View profile

[DMWN #11] - Technical guide for uploading images to ImageKit in NodeJS

Dillion Megida
Dillion Megida
Hi there,
I trust that you had a great week last week.
Here’s what I have for you today:
What I did last week 😇
  1. I started working on a Youtube video based on my article: Technical Guide For Uploading Images to ImageKit With NodeJS. I haven’t finished with it yet and that’s because some things are not working with the tutorial’s code. I doubt it’s a problem with ImageKit itself, and maybe a configuration I’m missing out on, but I’d get it figured out before the week runs out.
  2. I moved all my written articles from TheWebFor5 to my personal website. TheWebFor5 was a beautiful idea I came up with for simplifying articles. But I don’t feel comfortable with the indecision that comes with the platform—I get an article idea and I’m stuck with the question ”do I write this article idea on my personal website or on TheWebFor5”…I mean, it’s the same author: Me! So, I moved all my articles to my website for now. Furthermore, I’d be closing down the site later this year, and I’d continue my articles on my personal website.
Featured Articles ✍️
  1. The ImageKit article shared above: Technical Guide For Uploading Images to ImageKit With NodeJS, In this article, you’ll learn about ImageKit and its benefits, and lastly, we’ll look at the process of setting up the SDK for NodeJS applications.
  2. React Fragments: A Simple Syntax to Improve Performance: In this article, you’ll learn what React fragments are, why they were introduced and how they improve performance.
  3. Call Stack in Javascript: In this simplified article, you’ll learn what the call stack means in JavaScript and its usefulness.
Featured Tools 🛠
  1. js-yaml-loader: Using this loader in your webpack, you can import data from a .yaml file. Here’s why I like it: Instead of having to do a:
    <h2>Sub title of my page</h2>
    You can do:
    // data.yaml
    subTitle: “Sub title of my page”
    // React component
    import data from ‘./data.yaml’
    <h2>{data.subTitle}</h2>
    This way, if I want to change what subTitle is, I can go to my .yaml file (which can serve as a documentation file), and change it instead of having to go through the component.
Useful hacks/tips ✨
  1. You can delete outdated local branches that have been deleted on remote using this command:git fetch --pruneThis will fetch the current data from the remote, and delete local branches that have been deleted on the remote.
  2. You can also perform automatically delete outdated local branches when you do a git fetch. To set this up, you have to configure the global git config file. Here’s how:git config --global fetch.prune true
  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
As a content creator, I love simplifying diverse topics in web development that I understand. Do you have any topics, tools, or frameworks that you’d like to understand better? Do let me know, and I may be able to come up with an article or video on it.
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.