Meteor and React for Realtime Apps

Master the fundamentals of Meteor and React with this tutorial as you develop secure, dynamic apps
Meteor and React for Realtime Apps
File Size :
3.84 GB
Total length :
9h 6m



Stephen Grider


Last update




Meteor and React for Realtime Apps

What you’ll learn

Create interactive web apps amazingly fast
Build amazing single page applications with Meteor and React JS
Master fundamental concepts behind structuring Meteor applications
Learn the true purpose of Meteor in a modern application
Be the engineer who explains how Meteor works to everyone else, because you know the fundamentals so well
Build and prototype interesting personal projects in a weekend

Meteor and React for Realtime Apps


You’ll need a Mac or PC


This is the tutorial you’ve been looking for to master building dynamic web apps with Meteor JS, with all the most important topics covered in great depth!Authentication?  Covered.  Routing?  Of course!  Security? We got it.
Meteor JS can get you a position in web development or help you build that personal project you’ve been dreaming of.  Meteor is the ultimate framework for developer productivity; it is bar-none the fastest technology you can use to make fast and interactive web apps in just a few hours.
This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build interesting apps with Meteor and React.
We’ll start by mastering the fundamentals of React, including JSX, “props”, “state”, and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we’ll dive right in to Meteor, covering topics like Collections, Meteor Methods, Subscriptions, and Publications.
If you are new to Meteor or React, or if you’ve been working to learn it but sometimes feel like you still don’t quite ‘get it’, this is the course for you! To learn Meteor you have to understand it.Learn how to secure Meteor applications with enterprise-grade security.  Don’t let your data leak!Set up user authentication and permissions using Meteor’s built-in auth system.Use React to render your Meteor data; master the process of breaking down a complex component into many smaller, interchangeable componentsGrasp the difference between “props” and “state” and when to use eachDevelop complex applications that scale in complexity by mastering Meteor
I’ve built the course that I would have wanted to take when I was learning Meteor. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.


Section 1: The Basics of Any Meteor App

Lecture 1 One Quick Item…

Lecture 2 Link to All Code For This Course

Lecture 3 Installing Meteor

Lecture 4 Purpose of Meteor Projects

Lecture 5 Project Dependencies

Lecture 6 React vs Meteor

Section 2: A React Primer

Lecture 7 Getting Something on the Screen

Lecture 8 Importing React

Lecture 9 Building a React Component

Lecture 10 Meteor Startup

Lecture 11 Project Overview and Challenges

Lecture 12 Export Statements

Lecture 13 Nesting Component

Lecture 14 Working with Dummy Data

Lecture 15 Building a List of Images

Lecture 16 Communication with Props

Lecture 17 Adding CSS in Components

Lecture 18 Key Props

Lecture 19 Image API Endpoint

Lecture 20 AJAX with Axios

Lecture 21 Class Based Components

Lecture 22 Loading Data with Lifecycle Methods

Lecture 23 State in Components

Lecture 24 Implementing State

Lecture 25 Recap on State

Lecture 26 Passing Images as Props

Lecture 27 Filtering Out Albums

Lecture 28 Image Description

Lecture 29 Upvotes and Downvotes

Lecture 30 Implementing Image Score

Lecture 31 Wrapup

Section 3: On to Meteor!

Lecture 32 Directory Introduction

Lecture 33 Challenges in this App

Lecture 34 App Boilerplate

Lecture 35 MongoDB Collections

Lecture 36 Creating MongoDB Collections

Lecture 37 Generating Data with Faker

Lecture 38 Get Data with Collection Queries

Lecture 39 Inserting Records into Collections

Lecture 40 Reading Server Console Logs

Lecture 41 Boilerplate for Employee List

Lecture 42 Publications and Subscriptions

Lecture 43 Publications with Cursors

Lecture 44 Creating a Container

Lecture 45 Publication and Subscription Review

Lecture 46 Employee Detail Scaffolding

Lecture 47 Styling Employee Details

Lecture 48 More Styling and Bug Fixes

Lecture 49 Flexbox Styling

Lecture 50 Click Handlers

Lecture 51 Updating Subscriptions

Lecture 52 Refactoring from Functions to Classes

Lecture 53 Fetching More Users

Section 4: Getting More Complex – Meteor Methods

Lecture 54 Project Overview

Lecture 55 Problems to Solve

Lecture 56 Redirecting Short Links

Lecture 57 Boilerplate Setup

Lecture 58 Header Component Warmup

Lecture 59 Links Collection

Lecture 60 Link Create Component

Lecture 61 Form Submit and Refs

Lecture 62 The Insecure Package

Lecture 63 Handling Data Securely

Lecture 64 Safely Changing Data with Meteor Methods

Lecture 65 Validating URLs

Lecture 66 Graceful Error Handling

Lecture 67 Generating Unique Tokens for URLs

Lecture 68 A Publication for Links

Lecture 69 Link List Table

Lecture 70 Intercepting Requests with Meteor Middleware

Lecture 71 Finding Tokens in URLs

Lecture 72 Redirecting Users to Long Links

Lecture 73 Redirecting Users to Long Links Continued

Lecture 74 Updating Mongo Records

Lecture 75 Wrapup

Section 5: Full Stack Development – Workspaces

Lecture 76 Workspace Collaborator Overview

Lecture 77 Project Challenges

Lecture 78 Outlining Component Definitions

Lecture 79 Bootstrapping an App

Lecture 80 Scaffolding a Header

Lecture 81 Authentication UI

Lecture 82 Authenication UI Continued

Lecture 83 Bins Collection

Lecture 84 Insert Bins Method

Lecture 85 Create Bin Button

Lecture 86 Accessing Bins with Publications

Lecture 87 Claiming Bins with Subscriptions

Lecture 88 Rendering a List of Bins

Lecture 89 Removing a Bin

Lecture 90 Routing with React Router

Lecture 91 More on React Router

Lecture 92 Default Components with IndexRoutes

Lecture 93 Accessing the URL with Route Params

Lecture 94 Navigation with Link Tags

Lecture 95 Programmatic Navigation

Lecture 96 Just the Right Bin

Lecture 97 Just the Right Bin Continued

Lecture 98 Bin Editor

Lecture 99 Markdown Editor

Lecture 100 Capturing Change Events

Lecture 101 Update Meteor Method

Lecture 102 Markdown Viewer

Lecture 103 Translating Markdown to HTML

Lecture 104 Sharing Bins

Lecture 105 Bin Sharing Form

Lecture 106 Meteor Method for Sharing

Lecture 107 Rendering Shared Addresses

Lecture 108 Shared Bins Publication

Lecture 109 Share Subscriptions

Lecture 110 Markbin Review

Lecture 111 RallyCoding

Programmers looking to learn Meteor,Engineers who have researched Meteor but have had trouble mastering some concepts,Web developers who are looking to build a full-stack web application,Entrepreneurs who want to make their own apps without relying on others

Course Information:

Udemy | English | 9h 6m | 3.84 GB
Created by: Stephen Grider

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top