clemdelp / react-redux-meteor-boilerplate

Boilerplate for rapid prototyping target with the best frontend technologies

Meteor react-redux ready to use

For rapid prototyping with a complete react-redux environment

WHAT INSIDE

Tech:

• backend: Meteor + Express
• frontend: React + Redux
• templating: Material-ui + Flexibox

HOW TO USE IT

Get the boilerplate

Depending on how you want to use the boilerplate:

• fork
• or git clone
• or Download ZIP

Dependency

This boilerplate need meteor installed on your device: Install meteor

Install

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

Launch the server

By default install.sh will lunch the server, in other case simply type:

meteor

Then in browser:

http://localhost:3000

DEPLOY ON HEROKU

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

DEMO

Sub folder here

• 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

Launch the database

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

Special directories

ref: https://guide.meteor.com/structure.html

imports

Any directory named imports/ is not loaded anywhere and files must be imported using import (import '../import/your_file.name')

public

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.

THEN

(••)...( ••)>⌐■-■...(⌐■_■) be cool...