Overview:

Granite is a ReactJS component library designed to provide developers with a set of reusable UI components. While it was developed as a learning experience, the author does not recommend using it and suggests using Mantine instead.

Features:

• Reusable UI Components: Granite offers a range of ready-to-use UI components that can be easily integrated into ReactJS projects.
• Learning Experience: The library was created as a learning exercise, providing developers with insights into building component libraries.
• Compatibility with ReactJS: Granite is specifically designed to work seamlessly with ReactJS, ensuring smooth integration and enhanced functionality.

Installation:

To install Granite and its peer dependencies, follow these steps:

1. Set up a React app using Create React App or any other preferred method.
2. Use Vite, a fast and easy way to create a new React app, with either JavaScript or TypeScript.
3. Install Granite and its peer dependencies using the appropriate package manager.

Here’s an example of how to install Granite using JavaScript and npm:

npm install granite

And here’s an example using TypeScript and yarn:

yarn add granite

Summary:

Granite is a ReactJS component library that offers a range of ready-to-use UI components. While it was developed as a learning experience, the author does not recommend using it and suggests using Mantine as an alternative. Installing Granite and its peer dependencies can be done by following the provided guide.