A simple way to get started with React, Meteor, Material-UI and the WordPress api (Fork of TheMeteorChef's Base)
| Base Material-UI Version | v0.0.0.1 |
|---|---|
| Base Version | v4.5.0 |
| Meteor Version | v1.3.5.1 |
- Meteor
- React
- React-Router
- Material-UI
- Formsy-React
- Formsy-Material-UI
- The Meteor Chef's Base Repo
- okgrow:rest2ddp
- An array of different meteor packages to make developing your app (and serving it) much easier
- ES2015 (and beyond) support.
- Redux, mobx, or flux are NOT incorporated at this time
- This does NOT have accounts setup (although it would be trivial to set up). It is just a front-end to consume your WP back-end.
- And of course you'll be connecting with your WordPress site's API (not included in this package)
As the projects are essentially the same, see https://themeteorchef.com/base/getting-started/
git clone https://github.com/acomito/react-material-ui-wordpress.git <directory>
- Make sure you have the wordpress api plugin installed on your wordpress website. this youtube video may be helpful
- go into
base-material-ui-wordpressintoimports/startup/server/rest2ddp.js(here). Then add your endpoint/url for your blog posts, etc. (see rest2dpp docs for more info)
- run
meteor npm install - after runnning
meteor npm install, sometimes I find it is good to also run regularnpm installjust in case
run meteor npm start to fire up the app
- If you've setup the API on your WordPress site and added the relevant url to the posts call in your meteor app, then you should be pulling in a basic list of blog posts from your WP site.
- [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/)