Component Library

Part of Scrimba's Advanced React course. A collection of different Reusable Components. Goal is to practice compound components, useContext, custom hooks, and Render Props. Live link here: https://ramans-component-library.netlify.app/

Table of Contents

• Tools
• Features to Add
• Quick Start

Tools

Made with React and Vite.

Features to add

• Badge
• Banner
• Card
  • Make Card and Banner use the same Text component and change the style depending on the parent
• Testimonial

Stretch Goals

• Tooltip
• Toast
  • Make multiple toasts stack up
  • Add an X button to close toasts
  • Make toast fade away and stay if user hovers over it
• Add descriptions of each component and the different variations

Quick start

1. Start developing.

   Navigate into the site’s directory and start it up.

   npm install
   npm run develop
   

2. Open the code and start customizing!

   Your site is now running at http://localhost:5173!