windsuzu / react-ts-todolist

A simple todo list program demonstrating how to apply TypeScript to a React project

Home Page:https://windsuzu.github.io/react-ts-todolist/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contributors MIT License Author LinkedIn


Todo icons created by Flowicon - Flaticon

React TypeScript Todo List

A simple todo list program demonstrating how to apply TypeScript to a React project.
View Demo · Report Bug · Request Feature

Table of Contents

About

這個專案主要示範如何使用 TypeScript 開發簡單的 react.js 專案:

  1. Creating a React + TypeScript Project
  2. TypeScript + React Components (props, children, forwardRef)
  3. TypeScript + React Hooks (useState, useReducer, useRef, useEffect, useCallback)
  4. TypeScript + Custom Hooks (useHttp)
  5. TypeScript + styled-components

Built With

  • HTML5, CSS3, Javascript ES6
  • TypeScript
  • React.js
  • styled-components

DEMO


Examples

Components, Props, Children

React Hooks

Custom Hooks


License

Distributed under the MIT License. See LICENSE for more information.

Contact

Reach out to the maintainer at one of the following places:

Acknowledgements

About

A simple todo list program demonstrating how to apply TypeScript to a React project

https://windsuzu.github.io/react-ts-todolist/

License:MIT License


Languages

Language:TypeScript 78.3%Language:HTML 18.0%Language:CSS 3.7%