Create Web Apps with Meteor & React

• Introduction

• Meteor - Conceptual Overview

• Introduction

• Codepen code for ES6 Primer

• Variable Declarations

• Arrow Functions

• ES6 Destructuring Assignment

• General Concepts

• Codepen code for React Primer

• JSX

• Components and Props

• Specs, Lifecycle and State

• Description of the Application

• Project structure and the imports directory

• Install Meteor, npm and React and Project Setup

• Data Flow and Parent-Child Relationships in React

• Creating the Polls Component

• Creating the Poll Component

• Creating the Option Component

• Using SVGs to render bar charts for the options

• Code - github - Using SVGs to render bar charts for the options

• Intro to Stylus

• Code GitHub - Intro to Stylus

• Routing: Introduction to FlowRouter

• Code GitHub - Routing: Introduction to FlowRouter

• Collections - Creating Fake Data and saving it into a collection

• Publish and Subscribe

• Code GitHub - Publish and Subscribe

• Organizing the polls with a masonry layout

• Code GitHub - Organizing the polls with a masonry layout

• Removing autopublish and insecure

• Display when the poll was created using Moment

• Code GitHub - Display when the poll was created using Moment

• Add icons to poll for Viewing, Editing and Deleting

• Code GitHub - Add icons to poll for Viewing, Editing and Deleting

• Click Events - add event to delete a poll

• Code GitHub - Click Events - add event to delete a poll

• Pagination

• Code GitHub - Pagination

• Alternative Layout - No Masonry

• Code GitHub - Alternative Layout - No Masonry

• Creating a NavBar

• Code GitHub - Creating a NavBar

• Making the NavBar responsive - Part 1

• Code GitHub - Making the NavBar responsive - Part 1

• Making the NavBar responsive - Part 2

• Code GitHub - Making the NavBar responsive - Part 2

• Improving the UI to show the active route in the NavBar

• Code GitHub - show the active route on the NavBar

• Managing Users Accounts

• Code GitHub - Managing Users Accounts

• Registration - fixes for Meteor 1.4+

• Editing the navbar to include login / register

• Code GitHub - Editing the navbar to include login / register

• Showing nav items for login users - part 2 Fixing some issues

• Code GitHub - Showing nav items for login users - part 2 Fixing some issues

• Control that non-logged in users cannot save or modify data using Meteor Methods

• Code GitHub - Control that non-logged in users cannot save or modify data using

• Adding Facebook Login

• Creating a sticky footer

• Code GitHub - Creating a sticky footer

• Creating some fake (user) accounts

• Code GitHub - Creating some fake (user) accounts

• Local collections

• Code GitHub - Local Collections

• Save New Poll - Part 1

• Code GitHub - Save New Poll - Part 1

• Add and remove options

• Code GitHub - Add and remove options

• Setting a minimum and maximum number of options per poll

• Code GitHub - Setting a minimum and maximum number of options per poll

• Adding alert messages

• Code GitHub - Adding alert messages

• Save New Poll - Part 2

• Code GitHub - Save New Poll - Part 2

• Defining schemas

• Code GitHub - Defining schemas

• Simple form validation

• Viewing a poll & using containers to manage data

• Code GitHub - Viewing a poll & using containers to manage data

• Editing a poll

• Code GitHub - Editing a poll

• Adding onClick events to navigate to certain views (edit and view poll)

• Code GitHub - Adding onClick events to navigate to certain views (edit and view

• Generating URL and iFrame code to share poll on other websites

• Code GitHub - Generating URL and iFrame code to share poll on other websites

• Copy to clipboard

• Enable voting on a poll

• Code GitHub - Enable voting on a poll

• Using local storage to control that users can vote only once per poll

• Code GitHub - Using local storage to control that users can vote only once per p

• Sorting poll results by number of votes

• Code GitHub - Sorting poll results by number of votes

• Fixing styling issues with the widths of the bars

• Code GitHub - Fixing styling issues with the widths of the bars

• Creating a new layout for a posted poll

• Code GitHub - Creating a new layout for a posted poll

• Show only the polls created by the current user

• Code GitHub - Show only the polls created by the current user