https://github.com/jonatandb/todo-app-react-typescript

Simple ToDo Web App made with React and TypeScript
https://github.com/jonatandb/todo-app-react-typescript

eslint jonatandb react standard todo-app todomvc-app-css typescript

Last synced: 4 days ago
JSON representation

Simple ToDo Web App made with React and TypeScript

• Host: GitHub
• URL: https://github.com/jonatandb/todo-app-react-typescript
• Owner: Jonatandb
• Created: 2023-06-21T23:49:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-23T18:27:49.000Z (over 1 year ago)
• Last Synced: 2024-03-16T02:23:54.019Z (8 months ago)
• Topics: eslint, jonatandb, react, standard, todo-app, todomvc-app-css, typescript
• Language: TypeScript
• Homepage: https://jonatandb.github.io/todo-app-react-typescript/
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ToDo App with React and Typescript

---



    

        

    



---

## Live Preview:

  -  https://jonatandb.github.io/todo-app-react-typescript/

----

## Project execution:

- npm run dev

---

## Investigated sites

- CSS for TodoMVC apps: https://github.com/tastejs/todomvc-app-css

- Cheatsheets for experienced React developers getting started with TypeScript: https://github.com/typescript-cheatsheets/react

- Deploying a Static Site | Vite: https://vitejs.dev/guide/static-deploy.html

- Introducción a Vite, mas Deploy en Github Pages (Por si no lo vite): https://www.youtube.com/watch?v=UX4gvort2TU

---

## Project initiation:

- Project creation with Vite:

  - npm create vite@latest todo-app-react-typescript

- Adding of linting with Eslint for TypeScript and React:

  - npm init @eslint/config

    - How would you like to use ESLint? -> To check syntax, find problems, and enforce code style

    - What type of modules does your project use? -> JavaScript modules "esm" (import/export)

    - Which framework does your project use? -> React

    - Does your project use TypeScript? -> Yes

    - Where does your code run? -> Browser

    - How would you like to define a style for your project? -> Use a popular style guide -> Standard

    - What format do you want your config file to be in? -> JavaScript

    - Which package manager do you want to use? -> npm

  - Eslint extra setup:

    - .eslintrc.cjs:

      - parserOptions:

        - Adding of: project: './tsconfig.json'

      - rules:

        - Adding of: 'react/react-in-jsx-scope': 'off'

        - Adding of: 'react/prop-types': 'off'