YumYard

Preview

View Live

React Concept

• React Installation
• React Components - Functional components
• JSX
• React Props drilling
• React Hooks - useState(For state management), useEffect (For side effects like data fetching, subscriptions, or manual DOM changes), useLoaderData, Link
• React Router
• Dynamic Router
• React Router Dom
• Event Handling
• Conditional rendering

API

• TheMealDB - Visit

React Axios

• Axios Component for React with child function callback. This is intended to allow in render async requests.

    npm i react-axios

CSS Framework & Plugin

• Tailwindcss
• daisyui

Notification or Alert

• React hot toast - Documentation

    npm install react-hot-toast

Spinner or Loader

• React loader spinner - Documentation

    npm i react-loader-spinner

React Youtube

    npm i react-youtube

Hosting

• Surge - Documentation

Install Surge: npm install -g surge.
Build your React app: npm run build.
Deploy your site by running: surge ./build.