This is a demo from Yu Cao
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
- Nextjs Approuter
- Typescript
- Tailwindcss
- shacnui
I used context to control the list data and the search component and all the hook will influence it, that make sure all the application is using single one data source
I used tailwindcss for styling, and shacn for basic ui components.
Some hooks are used to fetch data or do some debounce work, they could be resused when the application scale up
To make the application more stable and function params more readable and do static type check
When input change value frequently, we need a debounce