Module: Application Design (Meteor), Part 2

Explore three simple templates for multi-user, multi-role, interactive web applications using Meteor, MongoDB, React, Bootstrap 5, IntelliJ, and GitHub.

Dates:
Sections 3,4: Thu, Oct 19 - Thu, Oct 26
Sections 1,2,5: Fri, Oct 20 - Fri, Oct 27

Learning Outcomes

Design using Meteor Framework

Competent with elementary Javascript

Readings

Guided tour of the Meteor (Part 2) module

Why, what, how, and when you will learn about Meteor (Part 2)

meteor-application-template-react

Template for quickly starting Meteor development projects.

meteor-example-form-react

Illustrates simple form processing with React and Uniforms

Bowfolios

Illustrates a simple, final project style web application

React Uniforms

A package to simplify form management in React and meteor

Meteor Guide: Introduction

About Meteor

Meteor Guide: Code Style

Suggested style guidelines for your code

Meteor Guide: Collections and Schemas

How to define, use, and maintain MongoDB collections in Meteor.

Meteor Guide: Publications and Data Loading

How and where to load data in your Meteor app using publications and subscriptions.

Meteor debugging: Named vs. Default Exports

Getting named vs. default exports right, and what happens when they go wrong

Understanding data in Meteor in development mode

Connecting to and manipulating server-side and client-side data during development

Refreshing the data in development and deployment

How to clear and reinitialize the database.

Meteor Debugging Strategies

High level approaches for debugging a Meteor application

Experiential Learning

Enable Meteor plugins

Install Meteor plugins into IntelliJ and Chrome Developer Tools

E48A: meteor-application-template-react

Install meteor-application-template, play around with it.

E48B: meteor-example-form-react

Understand how to create forms in Meteor and React.

E48C: Bowfolios

Understand the Bowfolios example application.