MUI+CRA+TS
Crema package.json file of the source variant(Context APIs)
// package.json
{
"name": "crema-mui-ts",
"version": "4.0.0",
"license": "MIT",
"scripts": {
"start": "nx serve",
"build": "nx build",
"test": "nx test"
},
"private": true,
"dependencies": {
"@auth0/auth0-react": "^1.12.0",
"@aws-amplify/auth": "^5.3.7",
"@babel/runtime": "^7.22.3",
"@brainhubeu/react-carousel": "^2.0.4",
"@date-io/date-fns": "^2.16.0",
"@date-io/date-fns-jalali": "2.15.0",
"@date-io/moment": "^2.16.1",
"@emotion/cache": "^11.11.0",
"@emotion/react": "^11.11.0",
"@emotion/server": "^11.11.0",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.11.16",
"@mui/lab": "^5.0.0-alpha.132",
"@mui/material": "^5.13.3",
"@mui/styles": "^5.13.2",
"@mui/x-data-grid": "^6.5.0",
"@mui/x-data-grid-generator": "^6.5.0",
"@mui/x-data-grid-pro": "^6.5.0",
"@mui/x-date-pickers": "^6.5.0",
"@mui/x-date-pickers-pro": "^6.5.0",
"@nx/webpack": "^16.2.1",
"@reduxjs/toolkit": "^1.9.5",
"@swc/helpers": "~0.5.0",
"@types/autosuggest-highlight": "^3.2.0",
"@types/css-mediaquery": "^0.1.1",
"@types/filestack-react": "^4.0.1",
"@types/json2mq": "^0.2.0",
"@types/react-swipeable-views": "^0.13.1",
"@types/react-swipeable-views-utils": "^0.13.4",
"apexcharts": "^3.40.0",
"autosuggest-highlight": "^3.3.4",
"axios": "^1.4.0",
"axios-mock-adapter": "^1.21.4",
"clsx": "^1.2.1",
"connected-react-router": "^6.9.3",
"core-js": "^3.30.2",
"crypto": "^1.0.1",
"crypto-browserify": "^3.12.0",
"css-mediaquery": "^0.1.2",
"date-fns": "^2.30.0",
"filestack-react": "^4.0.1",
"firebase": "^9.22.1",
"formik": "^2.4.1",
"formik-material-ui-pickers": "^1.0.0-alpha.1",
"froala-editor": "^4.0.19",
"fusioncharts": "^3.20.0",
"history": "^5.3.0",
"lodash": "^4.17.21",
"material-ui-popup-state": "^5.0.4",
"moment": "^2.29.4",
"notistack": "^3.0.1",
"prism-react-renderer": "^2.0.4",
"prop-types": "^15.8.1",
"raw-loader": "^4.0.2",
"react": "^18.2.0",
"react-apexcharts": "^1.4.0",
"react-big-calendar": "^1.6.9",
"react-bottom-scroll-listener": "^5.1.0",
"react-code-input": "^3.10.1",
"react-color": "^2.19.3",
"react-content-loader": "^6.2.1",
"react-dom": "^18.2.0",
"react-draggable": "^4.4.5",
"react-dropzone": "^14.2.3",
"react-froala-wysiwyg": "^4.0.19",
"react-fusioncharts": "^4.0.0",
"react-google-maps": "^9.4.5",
"react-icons": "^4.9.0",
"react-image-timeline": "^3.2.13",
"react-intl": "^6.4.2",
"react-notifications-component": "^4.0.1",
"react-photo-gallery": "^8.0.0",
"react-player": "^2.12.0",
"react-popper": "^2.3.0",
"react-quill": "^2.0.0",
"react-redux": "^8.0.7",
"react-render-html": "^0.6.0",
"react-router-dom": "^6.11.2",
"react-router-redux": "^4.0.8",
"react-scripts": "^5.0.1",
"react-share": "^4.4.1",
"react-simple-maps": "^3.0.0",
"react-slick": "^0.29.0",
"react-smooth": "^2.0.1",
"react-style-proptype": "^3.2.2",
"react-svg-piechart": "^2.4.2",
"react-swipeable-views": "^0.14.0",
"react-syntax-highlighter": "^15.5.0",
"react-tooltip": "^5.13.1",
"react-trello": "^2.2.11",
"react-trello-ts": "^1.0.3",
"react-window": "^1.8.9",
"recharts": "^2.6.2",
"redux": "^4.2.1",
"redux-thunk": "^2.4.2",
"regenerator-runtime": "^0.13.11",
"rxjs": "^7.8.1",
"sanitize-html": "^2.10.0",
"simplebar-react": "^3.2.4",
"slick-carousel": "^1.8.1",
"stream": "^0.0.2",
"stylis": "^4.2.0",
"stylis-plugin-rtl": "2.0.2",
"tslib": "^2.5.2",
"use-url-search-params": "^2.5.1",
"util": "^0.12.5",
"velocity-animate": "^1.5.2",
"velocity-react": "^1.4.3",
"web-vitals": "^3.3.2",
"yup": "^1.2.0"
},
"devDependencies": {
"@babel/preset-react": "^7.14.5",
"@emotion/babel-plugin": "11.10.6",
"@nrwl/js": "16.2.1",
"@nx/cypress": "16.2.1",
"@nx/eslint-plugin": "16.2.1",
"@nx/jest": "16.2.1",
"@nx/js": "16.2.1",
"@nx/linter": "16.2.1",
"@nx/react": "16.2.1",
"@nx/web": "16.2.1",
"@nx/workspace": "16.2.1",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
"@svgr/webpack": "^6.1.2",
"@swc/cli": "~0.1.62",
"@swc/core": "~1.3.51",
"@testing-library/react": "14.0.0",
"@types/brainhubeu__react-carousel": "^2.0.5",
"@types/google-map-react": "^2.1.7",
"@types/jest": "29.4.4",
"@types/node": "18.14.2",
"@types/react": "18.0.28",
"@types/react-big-calendar": "^0.38.3",
"@types/react-color": "^3.0.6",
"@types/react-dom": "18.0.11",
"@types/react-notifications-component": "^3.1.1",
"@types/react-router-dom": "5.3.3",
"@types/react-simple-maps": "^3.0.0",
"@types/react-slick": "^0.23.10",
"@types/react-virtualized": "^9.21.21",
"@types/react-window": "^1.8.5",
"@types/recharts": "^1.8.24",
"@types/sanitize-html": "^2.8.0",
"@types/stylis": "^4.0.2",
"@typescript-eslint/eslint-plugin": "5.59.6",
"@typescript-eslint/parser": "5.59.6",
"@vitejs/plugin-react": "^2.2.0",
"@vitest/coverage-c8": "~0.25.3",
"@vitest/ui": "^0.9.3",
"babel-jest": "29.4.3",
"cypress": "^12.11.0",
"eslint": "~8.15.0",
"eslint-config-prettier": "8.1.0",
"eslint-plugin-cypress": "^2.10.3",
"eslint-plugin-import": "2.27.5",
"eslint-plugin-jsx-a11y": "6.7.1",
"eslint-plugin-react": "7.32.2",
"eslint-plugin-react-hooks": "4.6.0",
"jest": "29.4.3",
"jest-environment-jsdom": "29.4.3",
"nx": "^16.2.1",
"nx-cloud": "16.0.5",
"prettier": "^2.6.2",
"react-refresh": "^0.10.0",
"ts-jest": "29.1.0",
"ts-node": "10.9.1",
"typescript": "5.0.4",
"url-loader": "^4.1.1",
"vite": "^3.0.5",
"vite-plugin-dts": "~1.7.1",
"vite-plugin-eslint": "^1.6.0",
"vite-tsconfig-paths": "^4.0.1",
"vitest": "^0.25.1"
}
}