https://github.com/pktcodes/react-advanced-v2

React Advanced
https://github.com/pktcodes/react-advanced-v2

conditional-rendering context-api custom-hooks form forms hooks john-smilga leverage-javascript performance project-structure react useeffect usereducer useref usestate vite

Last synced: about 1 month ago
JSON representation

React Advanced

• Host: GitHub
• URL: https://github.com/pktcodes/react-advanced-v2
• Owner: pktcodes
• Created: 2023-06-18T01:14:13.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-06T03:34:21.000Z (over 1 year ago)
• Last Synced: 2024-11-08T23:57:57.783Z (3 months ago)
• Topics: conditional-rendering, context-api, custom-hooks, form, forms, hooks, john-smilga, leverage-javascript, performance, project-structure, react, useeffect, usereducer, useref, usestate, vite
• Language: JavaScript
• Homepage: https://react-advanced-v2-prod.netlify.app/
• Size: 175 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

```sh

npm install && npm run dev

```

- http://localhost:5173/

Rest of the content in the TUTORIAL.md

## Corresponding/Matching Projects

#### useState

1. Birthday Reminder

#### useEffect and Conditional Rendering

2. Tours

3. Reviews

4. Accordion

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 Menus

#### useReducer and useContext

14. Cart

#### React Router

15. Cocktails

---

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