praveen-1995 / react-advanced-v2

React Advanced

Home Page:https://react-advanced-v2-prod.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React - Advanced Concepts

PROD [Live] : https://react-advanced-v2-prod.netlify.app/

To run the project locally, clone the repo, npm install to install the dependencies, and npm run dev to start up the development server on default port 5173.

Languages

HTML, CSS, JavaScript, ECMAScript, React

Deployment / Hosting

Netlify

Run App

  • if you get an error, run the commands separately
npm install && npm run dev

Rest of the content in the TUTORIAL.md

Corresponding/Matching Projects

useState

  1. Birthday Reminder

useEffect and Conditional Rendering

  1. Tours
  2. Reviews
  3. Accordion
  4. Menu
  5. Tabs
  6. Slider

Forms

  1. Lorem Ipsum Generator
  2. Color Shades Generator
  3. Grocery Bud

useRef

  1. Navbar

useContext

  1. Modal and Sidebar
  2. Stripe Menus

useReducer and useContext

  1. Cart

React Router

  1. Cocktails

Note: I have developed this project as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga.