A Material-UI starting point for a Meteor/React blog/portfolio. (Fork of TheMeteorChef's Base)
TODO | COMPARISON | Examples | ORIGINAL Base Docs |
---|
Base Material-UI Version | v0.0.0.1 |
---|---|
Base Version | v4.5.0 |
Meteor Version | v1.3.5.1 |
Same as the regular base project. See https://themeteorchef.com/base/getting-started/
- added material-ui with
meteor npm install material-ui
- added
formsy-react
andformsy-react-material-ui
- added
react-tap-event-plugin
withmeteor npm install --save react-tap-event-plugin
- uses formsy instead of jquery and jquery validation
EasyTransition
package for simple fade-in and react-router transitions between pages
- [How to Do a FAB in the corner] (http://stackoverflow.com/questions/35828991/make-material-ui-reactjs-floatingactionbutton-float)
- [AirBnB Style Guide for React] (https://github.com/airbnb/javascript/tree/master/react)
- [MaterialUp curates the best of Material Design, daily.] (http://www.materialup.com/)
- [Material Palette] (https://www.materialpalette.com/)
- Add PropTypes where needed (basically, everywhere at this point.)
- it would be cool to tie bert-alert color schemes into the material-ui color scheme
- decision: combine delete-dialog and update-dialog components?
- decision: flexbox grid? bootstrap grid? grid agnostic?
- where it makes sense, extract inline-js css styles to the .scss files
- Add file for customizing the Material-UI theme
- Keep an eye out for new version of Material-UI... errors since react updated (https://facebook.github.io/react/warnings/unknown-prop.html)
- Re-add re-routing logic (login, reset, etc. etc.)
- Collapsable nav and other responsive work
- improve documentation
- you have to click off the input field for formsy to validate and change the submit button from disabled... minor UI blemish.
- Consider Other Versions:
- base/boilerplate for a blog/portfolio website
- base/boilerplates with mobx/redux/flow/relay/graphql
re-add validation for password-reset formwire up the username to be in top-right corner of authenticated navbar (was getting an odd error when trying to do this so I just hardcoded "username" there for now)