Skip to main content

Posts

Showing posts from December, 2024

Making a TODO app with React

Once in a time a decent dev must renew his knowledge of tech. So I decided to recollect react by creating a basic TODO app with it. To start it one need to install react project. I prefer `pnpm` and `nvm` for managing packages and node versions respectively. Here are my steps to install React: Step 1: Install pnpm If you don’t already have pnpm installed, install it globally via npm or corepack : npm install -g pnpm Or, if you’re using Node.js >=16.13, you can enable it with: corepack enable Step 2: Create a Project Directory Create a new directory for your React app and navigate into it: mkdir react-todo cd react-todo Step 3: Initialize the Project Initialize the project with pnpm : pnpm init Follow the prompts or press Enter to accept the defaults. Step 4: Install React and ReactDOM Install React and ReactDOM libraries, along with vite for an optimized development experience: pnpm add react react-dom pnpm add -D vite Step 5: Set Up Vite Initialize a basic vite project se...