Usman
@usmanwrites
Joined January 20th, 2022
My name is Usman! I am 17 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.
Usman · 1 month ago
🗃️ How to use Mongoose with Next.js for MongoDB?
Hey all 👋!
Next.js is an amazing full-stack framework and MongoDB is a great NoSQL database. Using them together will make an app super fast and awesome! In this post, we'll go ahead and set...
6
Usman · 1 month ago
🎨 Sort imports using Prettier in a JavaScript Project inside VS Code!
👋 Hey developers! This post is about how you can sort import statements in your JavaScript/TypeScript/React/Node etc projects easily with Prettier in VS Code when you format the code.
https:...
5
Usman · 2 months ago
🎉 Introducing Only Formats | The quickest way to format code!
Hey everybody!
I saw the Netlify x Hashnode Hackathon and I was very very excited to participate this time. It was quite hard to think about an idea but I finally got one!
Story
This time b...
1
Usman · 4 months ago
✨ How to make a Next.js app a PWA with offline support
Hello everyone 👋
In today's article, we will see how we can make a PWA out of a Next.js app! And it is going to be very exciting as the biggest feature will be offline support with a very li...
Usman · 4 months ago
Array Map in JavaScript. A simple method made simpler
MDN says:
The map() method creates a new array populated with the results of calling a provided function on every element in the calling array.
Seems complicated right? But it isn't. Let's...
Usman · 4 months ago
Initialize a 🖥 desktop app with Electron.js
👋 HELLO DEVELOPERS!
This blog post is about how you can start a desktop app with Electron.js .
🚨 Electron.js is a JavaScript framework that lets you build 🖥 DESKTOP APPS / SOFTWARES using n...
Usman · 4 months ago
💡 Easy Copy to Clipboard Button in Vanilla JavaScript
👋 Welcome back developers.
So, in this article we will see how we can create a simple Copy to Clipboard functionality in JavaScript.
Note: This will only work if you want to copy text insid...
Usman · 4 months ago
The TER ? NA : RY Operator
👋 HELLO DEVELOPERS!
This Blog Post is about the Ternary Operator in JS, C++, C, C#, Java, etc.
So, if you don't know, my name is Usman and I am a learner. Now let's start!
🚨 A Ternary Operat...
Usman · 4 months ago
✨ React 17 and React Scripts 4 | A Walkthrough
👋 Hello Developers
This post covers how you can update your app to use React 17. And what do you get from using React 17 and React Scripts 4
So React 17 and React Scripts 4 are successfully...
Usman · 4 months ago
🎨 How to create Twitter Profile Hover Card using HTML and CSS
Welcome back developers! 👋
In this post, we'll see how you can recreate the hover card by Twitter using HTML and CSS, so let's get started.
This hover card will appear when you hover over an...
4
Usman · 4 months ago
⚡ 11 Browser Keyboard Shortcuts that will stick to your fingers
👋 Welcome back developers!
In this post, I have covered 11 most useful browser keyboard shortcuts which will stick to your fingers! And this will increase your productivity as well! So let's...
Usman · 4 months ago
♻️ Context API in React! | Switch to it NOW!
👋 Hello Developers!!!
This post covers how you can use the Context API in React. Which is an awesome way to manage your state and get rid of prop drill.
Note: I have used .jsx for component...
Usman · 4 months ago
✨ How to create Custom Emmet Snippets in VS Code!
👋 Hi again developers!
This post covers how you can use Custom Emmet Snippets in VS Code. With VS Code's new release: version 1.51!
Emmet is very powerful and very productive! And the mix o...
Usman · 4 months ago
✨ How to make your React app a PWA with Create React App 4
Welcome back developers 👋.
Create React App or react-scripts is a great tool to scaffold out our React Apps. And one of the best parts of it was that we got a readymade serviceWorker.js file...
Usman · 4 months ago
⚡ How to skip Chromium download in Puppeteer?
Hello again 👋!
If you're a Node.js developer and you've used Puppeteer for web scraping, you might have seen that it downloads Chromium whenever you install puppeteer.
Many of you people do...
Usman · 4 months ago
🌓 How to change the favicon according to system dark mode!
👋 Hi again!
Welcome back to another blog post and this one will also be quite helpful! In this post, I have covered about how you can change the favicon according to system dark mode.
An exa...
Usman · 4 months ago
💄 How to use Microsoft Fluent UI Icons on your website?
👋 Hey Developers!
I really love the icons used and provided by Microsoft in their products. And I always wish to use them in my projects. But it is pretty hard to find a way to use them. Thi...
Usman · 4 months ago
🐛 How to quickly spot errors in your JavaScript code in VS Code
Hello again 👋
This is a very amazing way to use the powers of Visual Studio Code in your JavaScript files to quickly spot errors.
You might know about TypeScript . It's a wonderful superset...
Usman · 4 months ago
🗨️ Build a WhatsApp API using Node & Express
Today, you will be able to build a WhatsApp REST API using Node.js and Express using Puppeteer and web scraping.
Although we won't be doing any web scraping, we will use a library that does...
3
Usman · 4 months ago
💫 How to add routing loader using nprogress in Next.js?
Hey everyone 👋!
So Next.js has been very popular nowadays and I am completely switching from the good old React to the Next.js because it's of course better.
With the awesome routing system...
Usman · 4 months ago
🎉 Introducing Easy Pastes - Easiest way to create and share code pastes
✨ Introduction to the app
Easy Pastes is an app where users can easily paste some code they want to share with someone with syntax highlight and even if they want to make it public, they can...
Usman · 4 months ago
💥 Introduction to Jotai | The best React state management library
Hello friends 👋
What is it and how I found it
So Jotai is a state management library for React, and it is just so easy to work with when compared to Redux, Flux, etc.
I found this interestin...
Usman · 4 months ago
😎 How to convert a normal React form to use react-hook-form?
Hey everyone!
Nice to see you all around again! Today you'll find out how easy it is to use the react-hook-form library for forms instead of the normal method of forms in React.
So, the fir...
3
Usman · 4 months ago
😱 Make a Random Meme API With Node.js and Puppeteer
👋 Hello there
Today's article is all about how you can make a Random Meme API using Node.js and web scraping. We'll be using Fastify for our API and we'll be using Puppeteer to scrape the we...
2
Usman · 4 months ago
🍽️ Next.js Fetching methods - getStaticProps explained
👋 Welcome back!
Today I thought of starting my first series about Next.js Fetching methods because many people (including me) don't understand them easily.
I will make these methods very eas...
Usman · 4 months ago
👽️ What are Netlify Serverless Functions and how to use them?
👋 Welcome back!
So I recently looked into Serverless functions or Lambda functions and I learned them.
They can be extremely useful when building an app that is fully front-end and there are...
Usman · 4 months ago
How to make your QR Code Generator using HTML, CSS & JavaScript
Hey all 🤘!
So I am back again! This time we have a little different project to build and it's an easy one.
I discovered that this was interesting and indeed it is!
I will teach you how you c...
Loading More Content
