🌐 Public

Building a reactive website with Meteor

By lukasvan3l for Q42

Introduction

Meteor is a Javascript framework that runs on client and server that greatly increases the speed with which you can create realtime reactive datadriven websites. I'll start out with the basics, but fairly quickly add some deeper knowledge.

lukasvan3l — Internet of Things platform developer @ Q42

Added by lukasvan3l: “Learning a new framework is all about experiencing it. So here's an example project that you can run and then modify. Play around with it, to get a feel of Meteor.

1 Code yourself; do the tutorial!

Added by lukasvan3l: “Here you go; the extensive Meteor Manual. It's a good read that helps you wrap your head around what's going on. It explains the fairydust a little ;)

2 The Meteor Manual

Added by lukasvan3l: “OK this is way too much text to read in one go! For now, just scan through it, get a feel of what tools exist in the framework and what they're for. When you're going to build your own application, you'll need to know the contents of your toolbox. You can always come back to this page if you want to know exactly how to use a tool.

3 The Meteor Documentation

Added by lukasvan3l: “A core feature of meteor is the reactivity. You're probably dying to know how that works :)

6 Journey into Meteor's Reactivity

For some developers, Meteor is a superb framework, which they use to build awesome apps like LookBack, Respondly and Streem. But for some, it's like magic. Especially how Meteor makes MongoDB reactive in real time. Watch this video: It's a simple real-time to-do application built with Meteor. As you saw on the video, all the changes are reflected reactively on

Added by lukasvan3l: “Have you removed the auto-publish feature yet? When you do that, you'll need to publish your own data! Here's an explanation of the underlying technique.

7 Understanding MergeBox

You may have heard this term somewhere before. If you haven't, don't worry. In this topic, we will be looking at what MergeBox is and how it works. It is one of the major building blocks of Meteor. What is MergeBox?MergeBox is a process that tries to identify the exact changes that need to be sent to the client, based

Added by lukasvan3l: “If you want to professionally host your Meteor app, here's a write-up on how to do just that!

8 Hosting your app with Modulus, Compose, and Codeship

The Meteor community eagerly awaits Galaxy to make deployment and hosting for production apps an integrated part of the Meteor ecosystem. But until Galaxy brings scalable hosting into the core of Meteor, developers have to come up with their own deployment and hosting solutions. There are lots of ways to deploy and host Meteor apps, including deploying directly to a

Added by lukasvan3l: “If you have load of simultaneous visitors and want to squeeze all the performance you can out of a Meteor app, you'll want to know about Mongodb Oplog.

9 MongoDB Oplog and Meteor

Added by lukasvan3l: “If you want a great performance on the first hit of a user, you need the Fast Render package!

10 FastRender - Introduction

FastRender simply sends the data which will be used to render the initial page with the HTML itself. So there is no loading process. Just after the HTML gets loaded, page will be rendered on the screen. No need to wait until connecting to the server and receiving data.

Mauricio

Freshman

  • 0 Playlists
  • 0 Followers

Marwen Arfa

Freshman

  • 0 Playlists
  • 0 Followers

Mateusz Świszcz

Freshman

  • 0 Playlists
  • 0 Followers

tommytwoeyes

Freshman

  • 4 Playlists
  • 68 Followers

Marta Bondyra

Freshman

  • 0 Playlists
  • 0 Followers

Damian Makki

Designer and entrepreneur.

  • 0 Playlists
  • 0 Followers

LOUNAS Koceila

Freshman

  • 0 Playlists
  • 0 Followers

Michalis Valou

Freshman

  • 0 Playlists
  • 0 Followers

glomikuz

Freshman

  • 0 Playlists
  • 0 Followers

Beanez

Freshman

  • 0 Playlists
  • 0 Followers

Erik Craft

Freshman

  • 0 Playlists
  • 0 Followers

Mattia Zanella

Freshman

  • 0 Playlists
  • 0 Followers

NinjaPandaEgg

Freshman

  • 0 Playlists
  • 0 Followers

Ralph Simon

Freshman

  • 0 Playlists
  • 0 Followers

James Kolce

Designer & Web Developer

  • 0 Playlists
  • 0 Followers

Nicolás J. Engler

UI/UX designer and front-end developer.

  • 1 Playlists
  • 38 Followers

akzfowl

Freshman

  • 0 Playlists
  • 0 Followers

abdallah alshaer

big ambition and crazy dream

  • 0 Playlists
  • 0 Followers

Mudit saxena

Freshman

  • 0 Playlists
  • 0 Followers

Victor Versteeg

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?