material-ui

I'm reading the Material UI documentation, and it states: Notice that in the above example, we used: import RaisedButton from 'material-ui/RaisedButton'; instead of import {RaisedButton} from 'material-ui'; This will make your build process faster and your build output smaller. I cannot find any justification for why the use of default exports makes the build process faster or build output smaller. My manager is asking us to refrain from using default exports, however a smaller build size is an important target for this project. I mentioned this quote by Material UI, and they said to find

I've followed the getting started guide and have the example running, but it seems to load all of the js components from the example lib folder as separate resources. How do I get it to build a single material-ui.js (or material-ui.min.js) file which I just reference from my html? Do I use npm, gulp, browserify, etc? If so, how? I am not at all familiar with the javascript build and packaging tools. I just want a single js file to include in my static resources, like react.min.js npm install material-ui npm install -g webpack webpack node_modules/material-ui/lib/index.js material-ui.js You're

I have my App.js class which renders as const theme = createMuiTheme({ palette: { primary: lime, secondary: { ...grey, A400: '#00e677' }, error: red } }); class App extends Component { render() { const classes = this.props.classes; return ( <div className={classes.root}> <MuiThemeProvider theme={theme}> <MyApp/> </MuiThemeProvider> </div> ); } } export default withStyles(styles)(App); my root class has this style const styles = theme => ({ root: { width: '100%', height: '100%', marginTop: 0, zIndex: 1, overflow: 'hidden', backgroundColor: theme.palette.background.default, } }); I thought that

I'm using material-ui and next and jss-rtl in my react project but there is a problem the page is still ltr after using <JssProvider ...> -rtl component code: import React from "react"; import { create } from 'jss'; import rtl from 'jss-rtl'; import JssProvider from 'react-jss/lib/JssProvider'; import { createGenerateClassName, jssPreset } from 'material-ui/styles'; // Configure JSS const jss = create({ plugins: [...jssPreset().plugins, rtl()] }); // Custom Material-UI class name generator. const generateClassName = createGenerateClassName(); function RTL(props) { return ( <JssProvider jss=