https://github.com/andyfrith/react-grid-items-selector-demo

React, TypeScript, Vite, Storybook Demo of an optimized selection grid
https://github.com/andyfrith/react-grid-items-selector-demo

reactjs storybook typescript vite

Last synced: about 2 months ago
JSON representation

React, TypeScript, Vite, Storybook Demo of an optimized selection grid

• Host: GitHub
• URL: https://github.com/andyfrith/react-grid-items-selector-demo
• Owner: andyfrith
• Created: 2026-04-06T18:48:58.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2026-04-06T19:13:31.000Z (3 months ago)
• Last Synced: 2026-04-06T20:30:26.987Z (3 months ago)
• Topics: reactjs, storybook, typescript, vite
• Language: TypeScript
• Homepage: https://69d400c1bd707ce9ad41cde6-afsqiculkf.chromatic.com/
• Size: 805 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React + TypeScript + Vite + Storybook

### Requirements

Implement a feature to allow item selection with the following requirements:

- [ ] 1. Clicking an item selects/unselects it.

- [ ] 2. Multiple items can be selected at a time.

- [ ] 3. Make sure to avoid unnecessary re-renders of each list item in the big list (performance).

- [ ] 4. Currently selected items should be visually highlighted.

- [ ] 5. Currently selected items' names should be shown at the top of the page.