Getting started with material-ui

Seems to me the well-kept secret is the material-ui, a web framework that uses Google's Material Design UI, plus React. I think it is a fantastic combination, and the future. However, it is also a we…


javascript - Importing CSS files in Isomorphic React Components

I have a React application with Components written in ES6-transpiled via Babel and Webpack. In some places I would like to include specific CSS files with specific Components, as suggested in react…


reactjs - How to apply custom theme in material ui

I am trying to apply a custom theme to my React component after reading this tutorial http://www.material-ui.com/#/customization/themes I wrote my theme in a separate javascript file like this import…


How to setup Material-UI for React with Typescript?

I've run in some problems add Material UI to my React project, which is programmed with Typescript. According to the tutorial, I start with adding the react-tab-event-plugin first. import injectTapEv…


error TS1192: Module '“ A.module”' has no default export

I have created a new module 'A' and trying to import it in another module called 'B'. I am getting this error on compiling that says 'error TS1192: Module '" A.module"' has no default export'. Can an…


React Material UI-Export multiple higher order components

I'm stuck on exporting material-ui styles with redux connector. Here is my code: import React,{Component}from 'react'; import{connect}from 'react-redux'; import Drawer from 'material-ui/Drawe…


Electron+ReactJS+Material-UI Rendering Glitches

I'm working on a desktop app based on Electron+ReactJS+Redux+Material-UI+Webpack. Everything runs fine except some Material-UI components, like<IconMenu/> and<CircularProgress/>. These ele…



css - How to add multiple classes in Material UI using the classes props

Using the css-in-js method to add classes to a react component, how do I add multiple components? Here is the classes variable: const styles=theme=>({ container:{display: 'flex', flexWrap:…


reactjs - How to wrap React component with little performance penalty?

My team uses React MaterialUI library. To provide consistent UI Pattern and make it easy for us to customise MaterialUI's component, we wrap each MaterialUI's component in our own component. For examp…




material react example css next examples default core typescript types