React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

Libraries & Dependencies

This project is built using modern React tools and lightweight libraries to keep the codebase clean and scalable.

Core Libraries

• react
  Used for building the user interface using functional components and hooks.

• react-dom
  Responsible for rendering React components to the DOM.

UI & UX

• react-icons
  Used to add lightweight and scalable icons for actions like edit, delete, save, and cancel.

• react-toastify
  Used for showing user-friendly notifications such as task added, updated, or deleted.

Date Handling

• date-fns
  Used for date comparison and utilities like identifying overdue and today’s tasks.

State Management

• zustand
  Lightweight state management library planned for scaling global state when the app grows.

Tooling

• vite
  Used as the build tool for faster development and optimized production builds.