Setting up React Ecosystem from Scratch

Photo by fabio on Unsplash

React has been a widely used framework in the frontend community and the community is growing with each day and many of us started on our first react project using the create-react-app starter kit provided by the official React team.

As good as this starter kit is, it does not showcase how things are working behind the scenes. if you ever wondered how different plugins work with react and how your code is compiled & bundled together you have come to the right place.

Before we proceed any further if you are someone who likes to understand things by going through the code, you can check out the repository here.

In this article, We will be covering Webpack, babel, Sass, unit testing with jest and enzyme, code linting, and formatting with Eslint & prettier, and many performance-related things.

So For simplicity and readability purposes, I have subdivided this article into the following pieces —




A Passionate front-end developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Day-4 challange

How to Compare Images for Similarity in Node.JS

Full Crud JS <in-progress>

Ready for backend JS?

Keep Your Assertions Focused

How to Perform Profanity and Obscene Language Analysis and Detection on Text with JavaScript

How GraphQL Replaces Redux

Frontend Weekly Digest #234 (1–7 November 2021)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abhishek Gangwar

Abhishek Gangwar

A Passionate front-end developer

More from Medium

Create easily a text highlighter component in few lines of code using React

Dos and Don’ts of React MUI

Props in React Js : What are props and how they work?

The no-nonsense PureScript and React HelloWorld tutorial