Book Image

Mastering MeteorJS Application Development

By : Arturas Lebedevas, Jebin BV
Book Image

Mastering MeteorJS Application Development

By: Arturas Lebedevas, Jebin BV

Overview of this book

The web is dead – applications now rule our online experiences. But how are you going to build them? Well, if you’ve been paying attention, you might already have tried your hand with MeteorJS, the JavaScript framework that helps you build complete full-stack web applications that are responsive and fast with ease. Mastering MeteorJS Application Development shows you how to do even more with MeteorJS – if you’re ready to try a comprehensive course through one of the most exciting frameworks in web development today, this is the book you need. Designed to take you through the entire process of building an advanced multipage application with Meteor, you’ll be able to bring your web development ideas with surprising ease. You’ll not only learn how Meteor makes web development easier, but also how you can make using Meteor easier, by automating and simplifying tasks so you can be confident you have full control of everything in your workflow – especially everything that could go wrong. From automated testing to integrating other useful frameworks such as Angular and D3, each chapter covers a crucial element in the Meteor development process. Discover how to integrate animations using Meteor’s Blaze, to give your UI designs the edge, and explore reactive programming to effectively harness RESTful systems in your projects. You will also learn how to deploy and scale your application, two crucial aspects of modern development and vital in a changing digital environment with users expecting a product and experience that delivers. With further insights on developing for mobile – and how Meteor can help you tackle the challenges of the trend – and details on incorporating SEO strategies into your application, this book isn’t just a code tutorial – it’s about creating a product that users love.
Table of Contents (11 chapters)
10
Index

React.js with MeteorJS

Developing an application with Angular.js is fun. Similarly, we are going to develop the same application in React.js. React.js is simpler than Angular.js. Though there are not many tutorials or applications out there, giving it a try is worth it.

The reactivity part of React.js revolves around states and props. The States and props are equivalent to $scope in Angular.js. The change in value will render the markups again. However, React.js provides more handle over when to update the markup with a set of APIs. This is a more react-specific topic to discuss. The only thing to remember is, too many rerenders will affect application performance. So, you should efficiently mind how you handle the state changes.

Like angular-meteor, we have MeterorJS specific React.js packages. There are two important packages: react and react-template-helper. With the React.js package, we get the ReactMeteorData mixin that provides a few methods to deal with MeteorJS' reactive data...