Skip to content

Example of how to create an app with React + TypeScript using Vite.js

Notifications You must be signed in to change notification settings

fernargdev/todo-app-ts

Repository files navigation

English

## Create a TodoMVC with TypeScript

  • Initialize project with Vite
  • Add linter for TypeScript + React
  • Add TodoMVC styles
  • List all TODOs
  • Be able to delete an TODO
  • Mark TODO as completed
  • Add way to filter TODOs (Footer)
  • Show number of pending TODOs (Footer)
  • Add way to delete all completed TODOs
  • Create Header with input (Header)
  • Create a TODO (Header)

## Initialize project

$ npm create vite@latest TypeScript + SWC

Add linter for TypeScript + React

$ npx eslint --init
You can also run this command directly using 'npm init @eslint/config'.
✔ How would you like to use ESLint? · style
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser
✔ How would you like to define a style for your project? · guide
✔ Which style guide do you want to follow? · standard-with-typescript
✔ What format do you want your config file to be in? · JSON