Parcel, React & Tailwind to the moon

In recent years, thanks to modern technologies, developing web applications is easier than ever. In this article I will show you how to make it even easier by using Parcel, Tailwind, and React.

Parcel is a lightweight and fast bundler for web applications that allows you to manage your project easily and efficiently. Tailwind is a CSS framework used to create clean, modern interfaces, while React, well, it's React and needs no introduction.

Without further ado, let's start creating our webapp!

mkdir my-webapp npm init -y npm i -D parcel npm i react react-dom mkdir src touch src/index.html npm i -D tailwindcss postcss npx tailwindcss init

Before we dig into the code, we need to edit our package.json as follows, removing the main property

{ "name" : "my-webapp" , "version" : "1.0.0" , "description" : "" , "scripts" : {}, "keywords" : [], "author" : "" , "license" : "ISC" , "devDependencies" : { "parcel" : "^2.8.3" , "postcss" : "^8.4.21" , "tailwindcss" : "^3.2.6" },…