https://github.com/nishkohli96/react-libs

A collection of demos of various libraries in React.
https://github.com/nishkohli96/react-libs

algolia algolia-instantsearch form-js formik muiv5 react react-charts react-charts-example react-hook-form react-libraries redux redux-toolkit style-dictionary

Last synced: about 2 months ago
JSON representation

A collection of demos of various libraries in React.

• Host: GitHub
• URL: https://github.com/nishkohli96/react-libs
• Owner: nishkohli96
• Created: 2021-02-23T22:13:09.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-15T18:48:30.000Z (6 months ago)
• Last Synced: 2024-08-15T20:55:47.843Z (6 months ago)
• Topics: algolia, algolia-instantsearch, form-js, formik, muiv5, react, react-charts, react-charts-example, react-hook-form, react-libraries, redux, redux-toolkit, style-dictionary
• Language: TypeScript
• Homepage: https://react-libs-nish1896.netlify.app/
• Size: 6.8 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-libs

**This sample React-App is an extension of my previous [react-basic-app](https://github.com/nishkohli96/react-basic-app).** 

I have implemented various react-libraries with code explanations and links to their respective packages below

## Important

For development use `tailwind.css` file to add styles.

While building app for production, comment/remove `import tailwind.css` line in `index.js` and uncomment `import index.css` line. Also uncomment the **Purge** option in `tailwind.config.js` will remove all unused styles to give you an optimized css file.

**If you found these snippets helpful, please star the repository. It would make my day if you consider [buying me a coffee](https://www.buymeacoffee.com/nish1896). Thanks**

## List of Libraries used

- [aos](https://www.npmjs.com/package/aos) - 2.3.4

- [axios](https://www.npmjs.com/package/axios) - 1.6.7

- [algolia](https://www.algolia.com/doc/guides/building-search-ui/widgets/showcase/react/) - 4.22.1 & [react-instantsearch](https://www.npmjs.com/package/react-instantsearch)

- [ck-editor-react](https://www.npmjs.com/package/@ckeditor/ckeditor5-react) - 9.0.0

- [cogo-toast](https://www.npmjs.com/package/cogo-toast) - 4.2.3

- [cypress](https://www.cypress.io/)

- [faker](https://fakerjs.dev/) - 8.4.0

- [fontsource](https://fontsource.org/)

- [formik](https://www.npmjs.com/package/formik) - 2.4.5

- [formjs-viewer](https://github.com/bpmn-io/form-js/tree/develop/packages/form-js-viewer) 1.7.0 & [formjs-editor](https://github.com/bpmn-io/form-js/tree/develop/packages/form-js-editor) 1.7.0

- [mui](https://mui.com/) - 5.15.7

- [mui-rte](https://www.npmjs.com/package/mui-rte) - 2.0.1

- [react-beautiful-dnd](https://www.npmjs.com/package/react-beautiful-dnd) - 13.1.1

- [react-charts](https://www.npmjs.com/package/react-charts) - 2.0.0-beta.7

- [react-color](https://casesandberg.github.io/react-color/) - 2.19.3

- [react-csv](https://www.npmjs.com/package/react-csv) - 2.2.2

- [react-final-form](https://final-form.org/react) - 6.5.9

- [react-hook-form](https://react-hook-form.com/) -7.50.1 with [yup](https://www.npmjs.com/package/yup) validation

- [react-icons](https://www.npmjs.com/package/react-icons) - 5.0.1

- [react-player](https://www.npmjs.com/package/react-player) - 2.14.1

- [react-query](https://www.npmjs.com/package/react-query) - 3.39.3

- [react-redux](https://www.npmjs.com/package/react-redux) - 9.1.0

- [reduxjs-toolkit](https://www.npmjs.com/package/@reduxjs/toolkit) - 2.1.0

- [redux-perist](https://www.npmjs.com/package/redux-persist) - 6.0.0

- [react-toastify](https://www.npmjs.com/package/react-toastify) - 10.0.5

- [react-window](https://www.npmjs.com/package/react-window) - 1.8.10

- [style-dictionary](https://amzn.github.io/style-dictionary/#/) - 3.9.2

- *[tailwind-css](https://tailwindcss.com/)

- [zoom-websdk](https://www.npmjs.com/package/@zoomus/websdk)

* Avoid using tailwind-css with CRA. [Here's why](https://tailwindcss.com/docs/guides/create-react-app).