@mais-tech/renault-ui-library
v0.1.144
Published
UI component library for Renault applications.
Downloads
43
Readme
Renault UI Library
This is a Next.js project bootstrapped with create-next-app
, designed to integrate with our renault-ui-library
library. This setup includes a suite of Kendo UI React components and is optimized for building interactive user interfaces with efficiency and ease.
Getting Started
To get the development server running:
npm run dev
# or
yarn dev
Navigate to http://localhost:3000 in your browser to see the application in action.
Edit app/page.tsx
to start modifying your page. Save the file and observe the updates automatically reflecting in the browser.
We've incorporated next/font
for optimized loading of 'Roboto', a custom font from Google Fonts.
Unit and Snapshot Testing
Our commitment to quality means we've implemented unit tests to verify that each component renders correctly with all props provided. Run the tests with:
npm run test
# or
yarn test
For a detailed coverage report, use:
npm run test:coverage
# or
yarn test:coverage
Storybook Integration
To view and interact with the components in isolation, we utilize Storybook:
npm run storybook
# or
yarn storybook
Open http://localhost:6006 to access the Storybook UI.
Learn More
For a deeper dive into the specifics of our design system and the technologies we use:
- Kendo React Components - comprehensive guide to the Kendo UI React components.
- TypeScript - for information on the TypeScript language.
- Testing with Jest - for understanding the Jest framework used in testing.
- Next.js Documentation - to learn more about Next.js's features and API.
Your feedback and contributions to our project repository on GitHub are highly appreciated.
Deploying Your Application
For deployment, Vercel offers a seamless experience to host Next.js applications. Refer to the Next.js deployment documentation for detailed instructions and best practices.