This PR sets up a new React project with TypeScript using Vite for a fast development environment, both locally and in a remote repository. It also installs essential libraries such as react-router-dom, axios, redux, react-redux, @reduxjs/toolkit, eslint, prettier, vite, vitest, @testing-library/react, and @testing-library/jest-dom.
Description of Task to be Completed?
[x] Initialize a new React project with TypeScript using Vite for enhanced performance and developer experience.
[x] Install and configure essential libraries and tools for the project, including routing (react-router-dom), HTTP requests (axios), state management (redux, react-redux, @reduxjs/toolkit), linting (eslint), formatting (prettier), build tool (vite), testing (vitest, @testing-library/react, @testing-library/jest-dom).
How should this be manually tested?
Clone the Repository:
Clone the project repository to your local machine.
Install Dependencies:
Run npm install to install all listed dependencies.
Start the Development Server:
Execute npm run dev to start the Vite development server.
Test Application Locally:
Open the application in a web browser to verify its functionality.
Run Tests:
Use npm run test to execute tests written with Vitest and Testing Library utilities.
Any background context you want to provide?
The project aims to leverage Vite for its speed and efficiency in setting up a React project with TypeScript, enhancing the development workflow.
Installation of essential dependencies ensures that the project has robust features like routing, state management, and testing support right from the start.
This setup facilitates both local and remote development, allowing for seamless collaboration among team members
What does this PR do?
This PR sets up a new React project with TypeScript using Vite for a fast development environment, both locally and in a remote repository. It also installs essential libraries such as
react-router-dom
,axios
,redux
,react-redux
,@reduxjs/toolkit
,eslint
,prettier
,vite
,vitest
,@testing-library/react
, and@testing-library/jest-dom
.Description of Task to be Completed?
react-router-dom
), HTTP requests (axios
), state management (redux
,react-redux
,@reduxjs/toolkit
), linting (eslint
), formatting (prettier
), build tool (vite
), testing (vitest
,@testing-library/react
,@testing-library/jest-dom
).How should this be manually tested?
npm install
to install all listed dependencies.npm run dev
to start the Vite development server.npm run test
to execute tests written with Vitest and Testing Library utilities.Any background context you want to provide?