6. Mastering Reactivity | Meteor Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Meteor Cookbook

By : Isaac Strack

4.4 (5)

Meteor Cookbook

4.4 (5)

By: Isaac Strack

Overview of this book

This book is meant for developers of all experience levels looking to create mobile and full-stack web applications in JavaScript. Many of the simple recipes can easily be followed by less-experienced developers, while some of the advanced recipes will require extensive knowledge of existing web, mobile, and server technologies. Any application or enterprise web developer looking to create full-stack JavaScript-based apps will benefit from the recipes and concepts covered in this book.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Optimizing Your Workflow

1. Optimizing Your Workflow

Introduction

Installing Meteor

Finding documentation for Meteor

Getting help with questions

Setting up your project file structure

Setting up your development environment

Using the web console

Deploying a test app to Meteor

Deploying to Meteor using a CNAME redirect

Deploying to a custom hosted environment

Deploying with Meteor Up (MUP)

Using CoffeeScript

Using CSS compilers

2. Customizing with Packages

2. Customizing with Packages

Introduction

Adding Meteor packages

Removing Meteor packages

Discovering new packages with Atmosphere

Creating a multipage application with Iron Router

Building a custom package

Using npm modules

Publishing custom packages to Atmosphere

3. Building Great User Interfaces

3. Building Great User Interfaces

Introduction

Inserting templates with Spacebars

Inserting raw HTML using triple braces

Creating dynamic lists

Building a smooth interface with Bootstrap

Creating customized global helpers

Creating custom components

Using reactivity with HTML attributes

Using dynamic templates

Animating DOM elements

4. Creating Models

4. Creating Models

Introduction

Implementing a simple collection

Using the Session object

Sorting with MongoDB queries

Filtering with MongoDB queries

Creating upsert MongoDB queries

Implementing a partial collection

5. Implementing DDP

5. Implementing DDP

Introduction

Reading the DDP stream

Using client-only collections

Implementing multiserver DDP

Integrating DDP with other technologies

6. Mastering Reactivity

6. Mastering Reactivity

Introduction

Creating and consuming a reactive value

Using Ajax query results in ReactiveVar

Making a custom library reactive

Updating Blaze templates without Mongo

Using inline data to modify UI elements reactively

Integrating a jQuery UI

7. Using Client Methods

7. Using Client Methods

Introduction

Creating dynamic graphs with SVG and Ajax

Using the HTML FileReader to upload images

Creating a coloring book with the Canvas element

8. Integrating Third-party Libraries

8. Integrating Third-party Libraries

Introduction

Using npm packages directly

Building graphs with D3.js

Creating cutting-edge UIs with Polymer

9. Securing Your Application

9. Securing Your Application

Introduction

Basic safety – turning off autopublish

Basic safety – removing insecure

Securing data transactions with allow and deny

Hiding data with façades

Protecting the client with browser-policy

10. Working with Accounts

10. Working with Accounts

Introduction

Implementing OAuth accounts packages

Customizing the accounts login

Performing two-factor authentication

11. Leveraging Advanced Features

11. Leveraging Advanced Features

Introduction

Building custom server methods

Creating custom EJSON objects

Handling asynchronous events

Using asynchronous functions

12. Creating Useful Projects

12. Creating Useful Projects

Introduction

Creating RESTful web services

Creating a complete app with Iron Router

Deploying apps to mobile devices

Adding social sharing

Index

Index

Customer Reviews

4.4 (5)

5 star

60%

4 star

20%

3 star

20%

2 star

0

1 star

0

Updating Blaze templates without Mongo

Not everything in our UI has to be dependent on Mongo collections. We can, in fact, use pretty much any reactive object inside our templates, and changes will appear instantly. This recipe will quickly show you how to use custom collections to populate and update UI templates.

Getting ready

Let's start with a base Meteor project and add the bootstrap and reactive-var packages. In a terminal window, navigate to where you would like your project to reside and enter the following commands:

$ meteor create mongoless
$ cd mongoless
$ meteor add twbs:bootstrap
$ meteor add reactive-var
$ meteor

Finally, open a browser and navigate to http://localhost:3000 so that you can see updates in real time.

How to do it…

We will create a simple array of button press snapshots, with a new element being added to the array every time the button on the page is clicked. Subsequently, these buttons will be added to the UI using a {{#each}} template block.

First, open mongoless...

Search

Your notes and bookmarks