React version of Material Dashboard by Creative Tim
"@emotion/cache" 11.4.0 -> 11.7.1
"@emotion/react" 11.4.1 -> 11.7.1
"@emotion/styled" 11.3.0 -> 11.6.0
"@mui/icons-material" 5.2.0 -> 5.4.1
"@mui/material" 5.2.0 -> 5.4.1
"@mui/styled-engine" 5.2.0 -> 5.4.1
"@testing-library/jest-dom" 5.11.4 -> 5.16.2
"@testing-library/react" 12.1.0 -> 12.1.2
"@testing-library/user-event" 12.1.10 -> 13.5.0
"chroma-js" 2.1.2 -> 2.4.2
"prop-types" 15.7.2 -> 15.8.1
"react-router-dom" 6.0.2 -> 6.2.1
"react-scripts" 4.0.3 -> 5.0.0
"stylis" 4.0.10 -> 4.0.13
"stylis-plugin-rtl" 2.1.0 -> 2.1.1
"web-vitals" 1.0.1 -> 2.1.4
"yup" 0.32.9 -> 0.32.11
styled
api, emotion and sx
prop.@material-ui/core
@material-ui/icons
chartist
classnames
match-sorter
moment
node-sass
react-chartist
@mui/material
@mui/icons-material
@mui/styled-engine
@emotion/cache
@emotion/react
@emotion/styled
@testing-library/jest-dom
@testing-library/react":
@testing-library/user-event
chart.js
chroma-js
prop-types
react-chartjs-2
stylis
stylis-plugin-rtl
uuid
web-vitals
useLocation
from react-router-dom
)react-google-maps
(we've replaced this with simple Google Maps API)@types/googlemaps
(we've replaced this with simple Google Maps API)@types/markerclustererplus
(we've replaced this with simple Google Maps API)ajv
(this was only installed to stop some install warnings)history
(we'll use BrowserRouter
from react-router-dom
package instead)@babel/[email protected]
(to stop install warnings)@material-ui/core 4.10.0 → 4.11.4
@material-ui/icons 4.9.1 → 4.11.2
classnames 2.2.6 → 2.3.1
perfect-scrollbar 1.5.0 → 1.5.1
react 16.13.1 → 17.0.2
react-chartist 0.14.3 → 0.14.4
react-dom 16.13.1 → 17.0.2
react-scripts 3.4.1 → 4.0.3
eslint-config-prettier 6.11.0 → 8.3.0
eslint-plugin-prettier 3.1.3 → 3.4.0
gulp-append-prepend 1.0.8 → 1.0.9
prettier 2.0.5 → 2.2.1
typescript 3.9.3 → 4.2.4
Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself.
npm WARN [email protected] requires a peer of react@^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
You will also have the following message: found 88 vulnerabilities (1 low, 87 moderate) in 2207 scanned packages
. This comes from react-scripts, and will be fixed in the next version. NOTE: the product works as expected with these vulnerabilities
.
@material-ui/core 4.3.2 → 4.10.0
@material-ui/icons 4.2.1 → 4.9.1
history 4.9.0 → 4.10.1
perfect-scrollbar 1.4.0 → 1.5.0
react 16.9.0 → 16.13.1
react-chartist 0.13.3 → 0.14.3
react-dom 16.9.0 → 16.13.1
react-router-dom 5.0.1 → 5.2.0
react-scripts 3.1.0 → 3.4.1
react-swipeable-views 0.13.3 → 0.13.9
eslint-config-prettier 6.0.0 → 6.11.0
eslint-plugin-prettier 3.1.0 → 3.1.3
prettier 1.18.2 → 2.0.5
@types/googlemaps 3.37.3 → 3.39.6
ajv 6.10.2 → 6.12.2
typescript 3.5.3 → 3.9.3
While in development some of the plugins that were used for this product will throw some warnings - note, this only happens in development, the UI or the functionality of the product is not affected, also, if the issues will persist in React 17, we'll drop usage of those plugins, and replace them with other ones. Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself.
.jsx
to .js
withStyles
function from Material-UI with the makeStyles
function (integration with other frameworks should now be easy)assets/jss/material-dashboard-react/layouts/dashboardStyle.js
to assets/jss/material-dashboard-react/layouts/adminStyle.js
@material-ui/core 4.1.0 → 4.3.2
@material-ui/icons 4.1.0 → 4.2.1
react 16.8.6 → 16.9.0
react-dom 16.8.6 → 16.9.0
react-scripts 3.0.1 → 3.1.0
eslint-config-prettier 4.3.0 → 6.0.0
@types/googlemaps 3.36.4 → 3.37.3
ajv 6.10.0 → 6.10.2
typescript 3.5.1 → 3.5.3
All React Material products have now the same version, i.e. 1.7.0.
.env
file, and replaced it with the jsconfig.json
fileReact.createRef()
@material-ui/core 3.9.2 → 4.1.0
@material-ui/icons 3.0.2 → 4.1.0
chartist 0.10.1 → 0.11.2
history 4.7.2 → 4.9.0
prettier 1.16.4 → 1.18.2
prop-types 15.7.1 → 15.7.2
react 16.8.1 → 16.8.6
react-dom 16.8.1 → 16.8.6
react-router-dom 4.3.1 → 5.0.1
react-scripts 2.1.5 → 3.0.1
react-swipeable-views 0.13.1 → 0.13.3
eslint-config-prettier 4.0.0 → 4.3.0
eslint-plugin-prettier 3.0.1 → 3.1.0
@types/googlemaps 3.30.16 → 3.36.4
ajv 6.9.1 → 6.10.0
react-popper
in favour of @material-ui/core/Popper
)svg
's, font-awesome classes and .material-icons
class inside
src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx
src/assets/jss/material-dashboard-react/components/buttonStyle.jsx
src/assets/jss/material-dashboard-react/components/cardFooterStyle.jsx
src/assets/jss/material-dashboard-react/components/cardHeaderStyle.jsx
src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx
src/assets/jss/material-dashboard-react/components/customTabsStyle.jsx
src/assets/jss/material-dashboard-react/tooltipStyle.jsx
src/assets/jss/material-dashboard-react/dropdownStyle.jsx
@material-ui/core/Popper
(Changes in src/components/Header/HeaderLinks.jsx
)src/components/Grid/GridContainer.jsx
(instead of MUI's <Grid container...
component)@material-ui/core v1.2.1
to @material-ui/core v1.4.1
@material-ui/icons v1.1.0
to @material-ui/icons v2.0.0
@types/googlemaps v3.30.9
to @types/googlemaps v3.30.11
ajv v6.5.1
to ajv v6.5.2
react v16.4.0
to react v16.4.1
react-dom v16.4.0
to react-dom v16.4.1
react-swipeable-views v0.12.13
to react-swipeable-views v0.12.15