React Material Kit is Material-UI v4.1.0 Free Kit with a new and fresh design inspired by Google's material design. You asked for it, so we made it. It's great fun to introduce you to the concept of materials in an easy-to-use and beautiful component set. Along with rearranging the Material-UI elements, you'll find three sample pages with full code, to help you design your next project.
This template was previously published on the Creative Team website
MIT - Copyright (c) 2018 Creative Team
The React Material Kit is built on top of the Material UI using create-react-app. The original features in this free version of the template before modification are as follows :
The modification process of this template includes the following technologies in its configuration :
The modification process of this template includes the following technologies in its configuration :
I'm assuming you'll start off by downloading this original template using the download button at the end of this article. Okay, let's get to the point!.
NOTE: For more information, you can refer to the tutorial documentation reference from CreativeTim here or CreativeTim recommended documentation here.
NOTE: the
GOOD LUCK. GOOD LUCK!
Material Kit React takes advantage of light, surfaces, and motion. It uses a deliberate choice of color, edge-to-edge imagery and large-scale typography. The general layout resembles a sheet of paper following several different layers, so that depth and regularity are clear. Main navigation remains on the left and actions on the right.
This new design features research-generated elements of ink and paper and the way objects and materials interact in real life. The result is a beautiful, consistent set of elements that can help you get started on your next project. React Material Kit is a great tool if you want to create a web presence for your Android application and need to be consistent, leaving a sense of visually similar elements. It's also a great resource on its own, looks beautiful and helps you build your web page.
Material Kit React uses an excellent framework so it is able to give us advantages like material effects, animations, ripples, and transitions .
Original Source
Licence
Features
Main Technology
Modification
Template Improvements
[HMR] Waiting for update signal from WDS...
0.chunk.js:232724 Download the React DevTools for a better development experience: https://fb.me/react-devtools
0.chunk.js:208008 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run "npx react-codemod rename-unsafe-lifecycles" in your project source folder.
Please update the following components: DateTime, ReactSwipableView
printWarning @ 0.chunk.js:208008
Guide and Preparation for use
npm install
npm start
npm run install: clean
install
script and the start
scripthttp://localhost:3000
The wizard runs a modified template
C:\Windows\system32>cd C:\xampp\htdocs\material-kit-react-modification
C:\xampp\htdocs\material-kit-react-modification>npm start
npm start
npm install
command is not required!
at this point the browser will automatically open the port http://localhost:3000
. If it doesn't open automatically, you can open it manually by typing in the browser url field the address http://localhost:3000
. If you get a message in the terminal like this, it means that everything is working perfectly. DONE !.
C:\xampp\htdocs\material-kit-react-modification>npm start
material-kit-react@1.9.0 start C:\xampp\htdocs\material-kit-react-modification
react-scripts start
Compiled successfully!
You can now view material-kit-react in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.100.8:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
This file is uploaded using an external service
Tags: