Open in app
Home
Notifications
Lists
Stories

Write
Mohammad Faisal
Mohammad Faisal

Home
About

Published in JavaScript in Plain English

·Pinned

Story of a Failed React Project

That Caused Disaster for Our Startup. — How does a project fail? How do you know if you are working on a project that is doomed right now? That is not an easy question to answer, but we can try to dissect an already failed project to get a better picture. That’s what I will do today. Why? …

React

5 min read

Story of a Failed React Project
Story of a Failed React Project

Published in JavaScript in Plain English

·Pinned

45 NPM Packages to Solve 16 React Problems

An in-depth guide on how to choose the perfect npm package — React is simply great. It’s popular and performant. But an important aspect of React is that it doesn’t come with all of the solutions packed in. That’s why we need to search for additional libraries which can be both good and bad. If you are a beginner, then you have…

React

7 min read

45 NPM Packages to Solve 16 React Problems
45 NPM Packages to Solve 16 React Problems

Published in Better Programming

·Pinned

21 Best Practices for a Clean React Project

Practical advice for improving code quality — React is very unopinionated about how things should be structured. This is exactly why it’s our responsibility to keep our projects clean and maintainable. Today, we will talk about some best practices to follow to improve your React application’s health. These rules are widely accepted. …

Programming

4 min read

21 Best Practices for a Clean React Project
21 Best Practices for a Clean React Project

Published in Better Programming

·Pinned

22 Best Practices to Take Your API Design Skills to the Next Level

Practical advice for designing REST APIs — Ever got frustrated with a horrible API where everything’s a guessing game? Well, I have. In this world of microservices, a consistent design for your backend API is imperative. Today, we’ll talk about some best practices to follow. We’ll keep it short and sweet — so buckle up! First, Some Terminology Any API…

Programming

6 min read

22 Best Practices to Take Your API Design Skills to the Next Level
22 Best Practices to Take Your API Design Skills to the Next Level

Published in JavaScript in Plain English

·Pinned

20 Essential Parts Of Any Large Scale React App

If you’re writing enterprise-level code, you need to know this — Over the years I have had the privilege to work on some large-scale react projects. Today I am gathering some essential things to keep in mind when building a new project or enhancing the functionality of any large scale application. We will start from the absolute basics and then go…

Programming

7 min read

20 Essential Parts Of Any Large Scale React App
20 Essential Parts Of Any Large Scale React App

Published in JavaScript in Plain English

·4 days ago

Upload Files to Google Cloud Storage from React

A tutorial on how to upload files to Google Cloud Storage from React using Node.js and Multer — Today we will see how we can upload files to Google Cloud Storage using Node.js backend from the React front-end. Step 1: Do the front-end The front-end code is very easy. We will just need a file picker to select a file from our local machine and send it to our Node.js server. Prepare the cloud storage:

React

3 min read

Upload Files to Google Cloud Storage from React
Upload Files to Google Cloud Storage from React

Published in JavaScript in Plain English

·May 17

Ditch Your Boring Terminal and Make it More Useful

Have a beautiful terminal with auto-completion and search suggestions support. — Contrary to popular opinion, programmers are human. We like nice things. And the terminal is one of the most important things that we use on a day-to-day basis. So why live with a boring terminal when you can make it colorful and fun? Today we will do exactly that. Let’s…

Productivity

4 min read

Ditch Your Boring Terminal and Make it More Useful
Ditch Your Boring Terminal and Make it More Useful

Published in JavaScript in Plain English

·May 9

Upload Files to Google Drive from React without OAuth2

With the help of Node.js and Multer and without OAuth2! — Using Google services requires OAuth2 authentication which is a bit complex to implement and might not be worth the trouble if you are only trying to implement a simple functionality. Today we will learn how we can upload files to google drive using a service account. It will allow us…

React

3 min read

Upload Files to Google Drive from React without OAuth2
Upload Files to Google Drive from React without OAuth2

Published in JavaScript in Plain English

·Feb 9

Refactor a React Component from 165 Lines to 30 Lines

Clean React Components with React Hook Form and Material UI — React Hook Form is one of the most popular libraries for handling form inputs in the React ecosystem. But getting it to integrate properly can be a little tricky if you are using any kind of Component library. Today I will show you how you can integrate with various components…

React

4 min read

Refactor a React Component from 165 Lines to 30 Lines
Refactor a React Component from 165 Lines to 30 Lines

Published in Enlear Academy

·Jan 17

How to Add Google Fonts to Your Next.js Website

Create beautiful looking websites with custom fonts — Today we will see how you can add custom fonts to your Next.js Website. We will explore 2 ways to do this. If you prefer video format you can check this out. Create a Project First, create a brand new Next.js Project from scratch. yarn create next-app nextjs-font-demo This will create a new…

Nextjs

3 min read

How to Add Google Fonts to Your Next.js Website
How to Add Google Fonts to Your Next.js Website
Mohammad Faisal

Mohammad Faisal

Software Developer | https://www.mohammadfaisal.dev/

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable