This is a non-production project to reveal some magic behind the upcoming release of material-ui
This is an unofficial repo. I've created it because I am trying to use material-ui in other projects. All the infromations are coming from my experiences playing with the code.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
The @next version using JSS and JSS-Theme-Reactor. JSS-Theme-Reactor requires a ThemeObject. The MuiThemeProvider Component adds an extra abstraction layer that manages these things. It can create the theme a palette. Both the themeand the styleManagerare available via context in the whole application.
You can see an example how is this working in the App.js
The Site.js contains a simple site skeleton with <AppBar> and <Drawer> with some <Layout> experiment. There is a separated Site.jss.js for the JSS styles.
- What is the best practice for JSS? (inline? Separated files?)
- Is this
contextthing is the right thing to do? https://facebook.github.io/react/docs/context.html- This line in every component bugs me:
const classes = this.context.styleManager.render(styleSheet);
- This line in every component bugs me:
- It is unclear how to use the
setSheetOrder? - Is this the right way using the
<Layout>? - etc...
Thank you for taking the time to contribute! See code of conduct for contribution guidelines and details
This project is licensed under the Apache 2.0 License - see the License for details