For rapid prototyping with a complete react-redux environment
Tech:
- backend: Meteor + Express
- frontend: React + Redux
- templating: Material-ui + Flexibox
Depending on how you want to use the boilerplate:
- fork
- or git clone
- or Download ZIP
This boilerplate need meteor installed on your device: Install meteor
cd project-folder
If you don't want install the demo files please remove the "demo" folder before:
rm -rf demo
Then/or
sh install.sh
Then remove .meteor from gitignore
By default install.sh will lunch the server, in other case simply type:
meteor
Then in browser:
http://localhost:3000
To deploy your app on heroku:
- first you need an heroku account
- you need heroku CLI install on your device
- heroku will ask you to enter a credit card to install mongolab addon (don't worry it's free plan so they wont charge you) git push heroku master
- remove .meteor from gitignore
- if you don't have a .git:
git init
git add .
git commit -m 'first commit'
- only after:
sh heroku_init.sh
git push heroku master
- rest-api demo with express
- web socket with streamy
- pure react component
- sagas interaction
- database interaction
- ...
Reminder, to remove all the demo files:
cd project-folder
rm -rf demo
Then restart the server
Meteor use Mongo as DB Open a new terminal with your server running In this boilerplate by default a 'log' collection is created
meteor mongo
db.log.find()
With Robomongo create a new connection
then
ref: https://guide.meteor.com/structure.html
Any directory named imports/ is not loaded anywhere and files must be imported using import (import '../import/your_file.name')
All files inside a top-level directory called public/ are served as-is to the client. When referencing these assets, do not include public/ in the URL, write the URL as if they were all in the top level. For example, reference public/bg.png as . This is the best place for favicon.ico, robots.txt, and similar files.
(••)...( ••)>⌐■-■...(⌐■_■) be cool...