Simple, easy, and quick!

kickstart a react app!

How to start a react.js app manually now that creat-react-app is deprecated.

Free access link: here!

Free access link: here.

1. Set Up Your Project Directory

#Create a new directory for your project and navigate into it:
mkdir your-app-name
cd your-app-name

#Initialize an npm project:
npm init -y

#Update the package.json file as you wish afterwards

2. Install Required Dependencies

#Install React, ReactDOM, and Babel:
npm install react react-dom

#Install a development server:
npm install --save-dev vite

# Install any other deps you might need..

#Install Tailwind CSS (optional for styling):
npm install tailwindcss postcss autoprefixer
npx tailwindcss init

3. Set Up Tailwind CSS

Configure tailwind.config.js:

module.exports = {
  content: ["./src/**/*.{js,jsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

Create a src/index.css file and add:

@tailwind base;
@tailwind components;
@tailwind utilities;

4. Set Up Project Structure