React Demo Projects

React Projects

Web Site

You can visit the project at the following link: React Projects in Netlify

Initial Setup

• Create project:

  $: pnpm create vite {00-Project_Name} --template react-ts

• Install project libraries:

  $: pnpm install

• Execute project in dev mode:

  $: pnpm dev

• Build deploy project:

  $: pnpm build

Projects Corresponding to the Topics

• useState:

  1. Birthday Reminder

• useEffect and Conditional Rendering:

  2. Tours
  3. Reviews
  4. Questions
  5. Menu
  6. Tabs
  7. Slider

• Forms:

  8. Lorem Ipsum Generator
  9. Color Shades Generator
  10. Grocery Bud

• useRef:

  11. Navbar

• useContext:

  12. Modal and Sidebar
  13. Stripe Submenus

• useReducer and useContext:

  14. Cart

• React Router and useCallback:

  15. Cocktails

• Advanced Projects:

  16. Markdown Preview
  17. Random Person
  18. Pagination
  19. Stock Photos
  20. Dark Mode
  21. Movie DB
  22. Hacker News
  23. Quiz