Meteor and React for Realtime Apps

Master the fundamentals of Meteor and React with this tutorial as you develop secure, dynamic apps

4.60 (1990 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Meteor and React for Realtime Apps
10,438
students
9 hours
content
Jun 2017
last update
$84.99
regular price

What you will 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

Why take this course?

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 components
  • Grasp the difference between "props" and "state" and when to use each
  • Develop 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.

Content

The Basics of Any Meteor App

One Quick Item...
Link to All Code For This Course
Installing Meteor
Purpose of Meteor Projects
Project Dependencies
React vs Meteor
What is Meteor, Again?

A React Primer

Getting Something on the Screen
Importing React
Building a React Component
Meteor Startup
Project Overview and Challenges
Export Statements
Nesting Component
Working with Dummy Data
Building a List of Images
Communication with Props
Adding CSS in Components
Key Props
Image API Endpoint
AJAX with Axios
Class Based Components
Loading Data with Lifecycle Methods
State in Components
Implementing State
Recap on State
Passing Images as Props
Filtering Out Albums
Image Description
Upvotes and Downvotes
Implementing Image Score
Wrapup

On to Meteor!

Directory Introduction
Challenges in this App
App Boilerplate
MongoDB Collections
Creating MongoDB Collections
Generating Data with Faker
Get Data with Collection Queries
Inserting Records into Collections
Reading Server Console Logs
Boilerplate for Employee List
Publications and Subscriptions
Publications with Cursors
Creating a Container
Publication and Subscription Review
Employee Detail Scaffolding
Styling Employee Details
More Styling and Bug Fixes
Flexbox Styling
Click Handlers
Updating Subscriptions
Refactoring from Functions to Classes
Fetching More Users

Getting More Complex - Meteor Methods

Project Overview
Problems to Solve
Redirecting Short Links
Boilerplate Setup
Header Component Warmup
Links Collection
Link Create Component
Form Submit and Refs
The Insecure Package
Handling Data Securely
Safely Changing Data with Meteor Methods
Validating URLs
Graceful Error Handling
Generating Unique Tokens for URLs
A Publication for Links
Link List Table
Intercepting Requests with Meteor Middleware
Finding Tokens in URLs
Redirecting Users to Long Links
Redirecting Users to Long Links Continued
Updating Mongo Records
Wrapup

Full Stack Development - Workspaces

Workspace Collaborator Overview
Project Challenges
Outlining Component Definitions
Bootstrapping an App
Scaffolding a Header
Authentication UI
Authenication UI Continued
Bins Collection
Insert Bins Method
Create Bin Button
Accessing Bins with Publications
Claiming Bins with Subscriptions
Rendering a List of Bins
Removing a Bin
Routing with React Router
More on React Router
Default Components with IndexRoutes
Accessing the URL with Route Params
Navigation with Link Tags
Programmatic Navigation
Just the Right Bin
Just the Right Bin Continued
Bin Editor
Markdown Editor
Capturing Change Events
Update Meteor Method
Markdown Viewer
Translating Markdown to HTML
Sharing Bins
Bin Sharing Form
Meteor Method for Sharing
Rendering Shared Addresses
Shared Bins Publication
Share Subscriptions
Markbin Review
RallyCoding

Screenshots

Meteor and React for Realtime Apps - Screenshot_01Meteor and React for Realtime Apps - Screenshot_02Meteor and React for Realtime Apps - Screenshot_03Meteor and React for Realtime Apps - Screenshot_04

Our review

🌟 **Course Overview & Ratings:** The course in question has received a high rating of 4.6 out of 5 stars from recent reviews, indicating a largely positive reception among learners. The content and structure of the course are commended for covering major concepts related to Meteor and React, with some constructive feedback on outdated practices and a call for more real-world exercises. **Pros:** - **Pace & Content Coverage:** The course is praised for its well-paced content that effectively covers the essential aspects of Meteor and React. - **Author's Explanation:** The author is commended for providing clear explanations and offering insights into the functioning of Meteor and React. - **Learning Experience:** Many learners appreciate the example-driven approach, which enhances understanding by learning through application. - **Organization & Articulation:** The course is noted for its structured, detailed, and well-organized presentation, with some highlighting the instructor's talent for simplifying complex concepts. - **Recommendation:** There is a strong recommendation for the course from learners who have taken other courses from Stephen Grider and have found them to be of high quality. **Cons:** - **Outdated Content:** Several reviews mention that the course content, particularly with React, is outdated, with newer practices such as hooks not being covered. - **Need for Updates:** There is a consensus that the course would benefit significantly from updates to reflect the latest versions of libraries and frameworks used in the course. - **Exercises & Practice:** A recurring suggestion is for more practical exercises or projects that mimic real-world scenarios, allowing learners to apply their knowledge in contemporary contexts. - **Repetitive Statements:** One review points out that some statements within the course might be repetitive, which could be an area for refinement. - **Deprecation of Methods:** Some reviews caution that certain methods and approaches demonstrated in the course are deprecated or considered bad practice in the current React environment. **Additional Notes:** - The course's structure and teaching style have been effective for learners who listen at double speed without losing comprehension. - The initial section on React is highly regarded, with a perfect length that leaves learners satisfied but also piqued with curiosity about what lies ahead in the Meteor portion. - Native German speakers find the tutorial's articulation and explanations easy to follow. **Recommendation:** For those interested in learning Meteor and React, this course is highly recommended, provided that learners are aware of the outdated aspects and take them into account as they study. It's advised that learners supplement this course with additional resources or updates to stay current with modern React practices. If you're planning to enroll in this course, it would be beneficial to seek out any recent updates from the instructor regarding content revisions or additional learning materials that align with current standards and best practices in Meteor and React development.

Charts

Price

Meteor and React for Realtime Apps - Price chart

Rating

Meteor and React for Realtime Apps - Ratings chart

Enrollment distribution

Meteor and React for Realtime Apps - Distribution chart
832862
udemy ID
4/26/2016
course created date
6/23/2019
course indexed date
Bot
course submited by