useEffect: A quick guide to the react hook

Cover Image

Let's learn how to effectively useEffect in react. With a bit of code and examples for you to tweak!

Read more...

Optimizing Next.js app | Dynamic Imports in next.js

Cover Image

Nobody wants to use a slow app, so lets speed things up. We will use dynamic imports on our Next.js pages to reduce the build size. Lets see how to do it!

Read more...

Make sitemap.xml markdown blog | A script to create sitemap.xml

Cover Image

A sitemap is important for good SEO. I'm going to give you a script to create a sitemap if you have a markdown (.md /.mdx ) based blog. A sitemap maps all the urls that you want to index on search engines and makes it easier for the bots to crawl all of them. You can submit your sitemap to the Google search console and request google to index it.

Read more...

Speed up your react app by avoiding unnecessary re-renders

Cover Image

Let's speed up our react app. Today we are going to learn about a couple of hooks that allow us to speed up our app by skipping the unnecessary re-renders. We will learn why these are better for your app's performance than useState in certain conditions

Read more...