Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Meteor Cookbook
  • Toc
  • feedback
Meteor Cookbook

Meteor Cookbook

By : Isaac Strack
4.4 (5)
close
Meteor Cookbook

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.
Table of Contents (14 chapters)
close
13
Index

Using Ajax query results in ReactiveVar


Whenever we use Ajax, requesting (and even receiving) data is pretty easy. The complications come in when we have to update the UI with new or updated data. With Meteor's reactive programming capabilities, this is no longer an issue. In this recipe, you will see how to update your UI with Ajax results, using Meteor's ReactiveVar library.

Getting ready

To get up and run quickly, we will use a default Meteor project with a few packages added. Open a terminal window, navigate to where you would like to create your root project, and execute the following commands:

$ meteor create ajaxreactive
$ cd ajaxreactive
$ meteor add reactive-var
$ meteor add http
$ meteor add twbs:bootstrap
$ meteor

We are now ready to build a reactive Ajax query!

How to do it…

We will be pulling the weather data from openweathermap.org, using their free (but for testing only) API. We will take the results from our openweathermap.org queries and put them into a ReactiveVar library so...

bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete