In this video you will learn how to create simple counter app in react js.
1. First create react app using this command:
npx create-react-app "appName"
2. Install Tailwind css by using following commands:
npm install -D tailwindcss
npx tailwindcss init
3. Configure your template paths in "tailwind.config.js" file:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
4. Add the Tailwind directives to your CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
react js, counter app, simple counter app