Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add material ui #762

Merged
merged 1 commit into from May 25, 2018
Merged

Add material ui #762

merged 1 commit into from May 25, 2018

Conversation

kevinhughes27
Copy link
Owner

@kevinhughes27 kevinhughes27 commented May 16, 2018

part of #750
requires #760

I decided to go with Material UI for the component framework. Its the most popular and complete framework for React and its what I built the player-app with. It has typescript types so no extra work is required there. They even have some dashboard templates that I'll pull in next to get the UI started.

For this PR I just followed the example from Material UI https://github.com/mui-org/material-ui/tree/master/examples/create-react-app-with-typescript I had to make a few changes for the latest typescript rules but otherwise its more or less copy paste.

cc @patrickkenzie @JRSpencer @RichardBlair

@kevinhughes27
Copy link
Owner Author

I should mention that I still know nothing about typescript. The things I fixed I did so by doing exactly what the error message said to do

</div>
);
}
}

export default App;
export default withRoot(withStyles(styles)<{}>(Index));
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I find this pretty ugly but I don't fully understand it yet so I haven't attempted to clean it up. I was able to only do this once and hide it for the player-app. I plan to leave it for now and look deeper when I work on the general app layout

@kevinhughes27 kevinhughes27 merged commit 16419c6 into master May 25, 2018
@kevinhughes27 kevinhughes27 deleted the add-material-ui branch May 25, 2018 20:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant