Usman

@usmanwrites

359 Points 8 Followers

29 Posts

0 Answers

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 year ago

🎣 Webhooks Demystified - Get Real-Time Personal Notifications with Discord Webhooks

Hey all 👋👋 Webhooks are a powerful tool that allow applications to communicate with each other in real-time. They are often used to send notifications or updates from one system to another...
3

Usman · 1 year ago

🛑 Why You Should Avoid the onclick Attribute in Your Code

Hey everyone! It's been a while since I wrote my last article. But here I am with another topic that might be informational to you 🙂. This time I am writing about why you should avoid the o...
5

Usman · 1 year 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 se...
6

Usman · 2 years 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 years 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 · 2 years 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 l...

Usman · 2 years 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 · 2 years 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...

Usman · 2 years 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 fil...

Usman · 2 years 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 Oper...

Usman · 2 years 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 · 2 years 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 a...
4

Usman · 2 years 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'...

Usman · 2 years 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 componen...

Usman · 2 years 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...

Usman · 2 years 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 d...

Usman · 2 years 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 insi...

Usman · 2 years 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 ex...

Usman · 2 years 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. Th...

Usman · 2 years 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 superse...

Usman · 2 years 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 · 2 years 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 · 2 years 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 ca...

Usman · 2 years 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 interesti...

Usman · 2 years 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 · 2 years 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 w...
2

Usman · 2 years 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 ea...

Usman · 2 years 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 ar...

Usman · 2 years 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...

Loading More Content