Welcome to Part 6 of Fresh Start Meteor, a guide that walks you through creating a new Meteor project using ES6, React, Redux, FlowRouter, and Sass. Feeling lost? Start with Part 1.

If you think back to Part 3 when we set up the directory structure, you’ll recall that there’s no official word on how to structure our SCSS. However, by the end of that article we were able to arrive at a fairly robust stylesheet architecture using a modified 7–1 pattern. …

Welcome to Part 5 of Fresh Start Meteor, a guide that walks you through creating a new Meteor project using ES6, React, Redux, FlowRouter, and Sass. Feeling lost? Start with Part 1.

Okay, so we know how to bring the Hello and Info components into the WelcomePage page, but how do we turn a web address (in this case http://localhost:3000/) into the WelcomePage using the ApplicationLayout? Our answer lies in FlowRouter, so let’s hook that up now.

In the routes/ directory, make a new file called welcomeRoute.jsx and paste the following JSX:

import React from 'react'; import {mount} from 'react-mounter'…

Welcome to Part 4 of Fresh Start Meteor, a guide that walks you through creating a new Meteor project using ES6, React, Redux, FlowRouter, and Sass. Feeling lost? Start with Part 1.

Great, so we’ve installed Meteor and our packages, and we’ve figured out our directory organization. But if you run your app and visit localhost:3000 you’ll see a blank page and a console error.

This error is because the default microapp included in a new Meteor install was built using Blaze, which we removed from our project! I know I said I wouldn’t make you follow any particular example…

Welcome to Part 3 of Fresh Start Meteor, a guide that walks you through creating a new Meteor project using ES6, React, Redux, FlowRouter, and Sass. Feeling lost? Start with Part 1.

Creating a directory structure that scales well and stays organized is harder than it sounds. The MDG provides some guidance, but the official Meteor Guide leaves much of it up to personal interpretation. It’s time we had a solid standard, so here’s one I think makes a lot of sense (read on to learn how I arrived at it):

client/ compatibility/ imports/ api/ methods/ publications/ startup/ client/ routes/…

Welcome to Part 2 of Fresh Start Meteor, a guide that walks you through creating a new Meteor project using ES6, React, Redux, FlowRouter, and Sass. Feeling lost? Start with Part 1.

First things first, let’s create a new Meteor project in your dev environment and set up all of the packages we’ll be using:

$ meteor create YOUR_APP_NAME
$ cd YOUR_APP_NAME
$ meteor npm install --save react react-dom react-mounter redux react-redux redux-thunk
$ meteor npm install --save-dev redux-devtools
$ meteor add kadira:flow-router fourseven:scss seba:minifiers-autoprefixer std:accounts-ui accounts-password
$ meteor remove autopublish insecure standard-minifier-css blaze-html-templates

This will add React, Redux, and…

“Great. Another f-ing Meteor series. :(” you say. I get it. We developers have mountains of resources to sift through already, and none of them play well together as it is. For each new project we stitch together bits of separate tutorials, trying to Do It Better Than Last Time while hoping we might get lucky and discover the “right way” to build apps with Meteor. It can be frustrating as hell more often than not, but this open-endedness is by design.

Back in 2012 the Meteor Development Group (MDG) had a decision to make: should they build a platform…