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 😇
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.
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 ✍️
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.
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.
Call Stack in Javascript: In this simplified article, you’ll learn what the call stack means in JavaScript and its usefulness.
Featured Tools 🛠
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 ✨
You can delete outdated local branches that have been deleted on remote using this command:
git fetch --prune
This will fetch the current data from the remote, and delete local branches that have been deleted on the remote.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
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
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 🌟
I think it's doesn't matter if you publish the article for both of them