Painless development setup for React using Parcel (Part 1) Configuring a frontend development setup can be very daunting for a beginner. There are simply too many concepts to understand besides Javascript, CSS and HTML: Which bundler to choose? Why do we need to transpile our code? What linting rules should I apply? What even is a linter? This blog series is about building a setup with a minimum amount of configuration for React using Parcel. Parcel is an opinionated Javascript bundler that brands itself as a zero config build tool . Project setup Source code for demo: https://github.com/EthanChenYen-Peng/parcel-react-setup mkdir parcel-react-setup cd parcel-react-setup npm init -y git init touch .gitignore .gitignore node_modules/ dist/ .parcel-cache Install Parcel Install Parcel as dev dependency npm i -D parcel Let's try it out. We first create a src/index.html file, which sources some CSS ( src/style.css ) and Javascript( src/index.js ) see if work.…