Its time to retire the CRA

Ajay Agrawal — Mon, 14 Feb 2022 21:03:03 +0000

Hi there, I am Ajay and, this is my 1st post on this platform. So mistakes are expected. Pardon me for that and guide me through.

Check this out what we will discuss today

Let's dive into the topic of today's discussion. I usually like to work with the MERN stack for web apps. Recently I noticed that now CRA (create-react-app) is making the build too slow and, it takes ages to start the project.

This encouraged me to get out of bed and look for some alternatives and I started to look for the resource to create the react app from the scratch.

I decided to meet the almighty YouTube. After looking into some of the YouTube videos I found that they are making the project from the scratch, but it is not something which I was looking for. Which made me feel like...

So I decided to look more on articles until I finally found something useful which helped me to actually creates the entire project from the scratch.

Which helped me to create this hello-world project by configuring everything by myself. Which includes...

Configuring webpack
Creating the project structure
Creating the distributable production build
Support to compile css/scss/sass files along with React components to make the project complete.

RESULT TIME

This project is the simple hello world project that does nothing just greets you, coz it's up to you what you transform it into. It also supports HMR aka Hot Module Replacement via devServer.

As we can see, manual configuration adds less than half dependencies to the project which, is what we need to extend our projects in actual scenarios and, it isn't much possible with CRA due to having so many dependencies pre-configured.

CRA adds many dependencies which are not required for most of the users on their projects but they cannot remove them easily, which is painful to carry over as the project grows.

ADVATAGES OF USING THIS PROJECT...

Very fewer dependencies lightweight and, lightning-fast app, runs under 3 seconds.
Includes all aspects of development JS, CSS, Testing, Production build.
You can contribute to this project to make it more useful for everyone who wants to work on React but is tired due to CRA.

REFERENCE TIME

Check this article for step-by-step explaination on how this project is made

If you like this project, please let me know your thoughts.
If you are willing to contribute to this, please give me a knock on any of these platforms...

Insta - Twitter - Linkedin

See yaa until we meet next!!!

DEV Community: Ajay Agrawal

Its time to retire the CRA

RESULT TIME

ADVATAGES OF USING THIS PROJECT...

REFERENCE TIME