Usman

@usmanwrites

260 Points 8 Followers

27 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 ยท 7 months 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 ยท 8 months 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 ยท 9 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 ยท 10 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 l...

Usman ยท 10 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 ยท 10 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...

Usman ยท 10 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 insi...

Usman ยท 10 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 Oper...

Usman ยท 10 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 ยท 10 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 a...
4

Usman ยท 10 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'...

Usman ยท 10 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 componen...

Usman ยท 10 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...

Usman ยท 10 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 fil...

Usman ยท 10 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 d...

Usman ยท 10 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 ex...

Usman ยท 10 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. Th...

Usman ยท 10 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 superse...

Usman ยท 10 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 ยท 10 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 ยท 10 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 ca...

Usman ยท 10 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 interesti...

Usman ยท 10 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 ยท 10 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 w...
2

Usman ยท 10 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 ea...

Usman ยท 10 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 ar...

Usman ยท 10 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...

Loading More Content