This sample React-App is an extension of my previous react-basic-app.

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

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. Thanks

• aos - 2.3.4
• axios - 1.6.7
• algolia - 4.22.1 & react-instantsearch
• ck-editor-react - 6.2.0
• cogo-toast - 4.2.3
• cypress
• faker - 8.4.0
• fontsource
• formik - 2.4.5
• formjs-viewer 1.7.0 & formjs-editor 1.7.0
• mui - 5.15.7
• mui-rte - 2.0.1
• react-beautiful-dnd - 13.1.1
• react-charts - 2.0.0-beta.7
• react-color - 2.19.3
• react-csv - 2.2.2
• react-final-form - 6.5.9
• react-hook-form -7.50.1 with yup validation
• react-icons - 5.0.1
• react-player - 2.14.1
• react-query - 3.39.3
• react-redux - 9.1.0
• reduxjs-toolkit - 2.1.0
• redux-perist - 6.0.0
• react-toastify - 10.0.5
• react-window - 1.8.10
• style-dictionary - 3.9.2
• *tailwind-css
• zoom-websdk

• Avoid using tailwind-css with CRA. Here's why.