Reactjs Application setup from scratch

Initial Setup

npm init -y

Installing Bundlers

npm i react react-dom webpack webpack-cli webpack-dev-server @babel/core  @babel/preset-env @babel/preset-react --save-dev

Structuring Application

Folder Structure

Configuring webpack.config.js

webpack.config.js
bundled file

Loaders

npm install style-loader css-loader babel-loader --save-dev

Plugins

npm install --save-dev html-webpack-plugin 

Running Application

"start": "webpack serve"

--

--

--

Abhishek is a Software developer who is passionate about learning technology related stuff and implementing it in real world.

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

Recommended from Medium

What is Promise in JavaScript?

Vue.js + Flask + Flask-SQLAlchemy: Part 4: notes on stuff (keep increasing)

Don’t use XState (at least, not with React)

wrong-way-roundabout

Javascript Capsule: Nullish Coalescing (??) vs Logical OR(||) operators

MakeMyTrip Project

7 Great Vue3 Tutorials and Resources to Start Learning Today

Flow’s best kept secret

Playing with JavaScript: setTimeout()

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 N

Abhishek N

Abhishek is a Software developer who is passionate about learning technology related stuff and implementing it in real world.

More from Medium

Server side sorting and pagination using react-query and react-bootstrap-table-next (best practice)

How To Deploy a React Website with Nginx on Virtual Machine

JWT based user Authentication using ReactJs, Node Express, and MySQL

Deploying a dockerized react app on Heroku