The Right Way — I think you already know about different kind of variants that we use when working with MUI5. When it comes to creating production level applications which I always like to right about using only the available variants is not enough. You have to create your own variants for different components. …

With code explanation — Today I will share with you how to properly connect Next.js with Material UI. If you love to see how I do this on video you can have a look at this video First of all, let's create a Next.js project using the below commands. npx create-next-app@latest --typescript # or yarn…

Most of the time in frontend development we have to work with object manipulation. That's why it's a necessary to understand the basic array methods and object access methods before getting into react development. Recently I though of writing a search function to filter out an array of objects. It…

With explained code samples — In simple closure is a function that has access to variables in its parent scope, even after the parent function has finished executing. That’s the simple straightforward definition. We can use the ability of closures inside react to make things easier. As usual, let’s go with simple examples. If you…

Why We Should Learn About Http and Https — Most of us work on developing web based applications. So its critical to know how web works to be a solid web developer. Knowing how websites and its internals work, help to understand and create, develop web based applications. Through internet and websites what users do every day is passing…

Full guide with environment variable setup and Netlify routing — In this tutorial, I will share with you how to host a production level react app in Netlify. You will get to know about #Adding a react project to Netlify using Github #Avoiding common build issues inside Netlify #Avoiding common Netlify routing issue(showing 404 error on page reloading) Get all my Fullstack developer articles to your email for free Get all my Fullstack developer articles to your email for free By signing up, you will create a Medium account if you…freelancingcult.medium.com

Let’s go full-stack — In this tutorial, I will quickly go through what MERN is and how to set up a MERN app from scratch. This will be the boilerplate code for my future articles as well, so make sure you understand this properly. I am planning to write a whole series of MERN…

Styling is essential in every react project. We use both custom CSS and also use external libraries such as react bootstrap to style react components. In this article I write about different ways/strategies how we can connect styling to our react projects. Popular styling strategies that will be discussed in…

With code samples and code sandbox — Passing props and sharing states between components is the backbone of every react app. But passing props a few levels deep using props is not a good practice.