Meteor 1.4 with React for Beginners


What is Meteor Js

MeteorJS, is a free and open-source JavaScript web framework, written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. It integrates with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code. On the client, Meteor depends on jQuery and can be used with any JavaScript UI widget library.

Latest Stable Version :Meteor 1.4

What is React Js

React is a JavaScript library built by a group of engineers at Facebook and Instagram. It describes itself as a “JavaScript library for building user interfaces”. Whereas other JavaScript libraries like Angular and Ember contain features related to data fetching, data modeling, controllers, etc – React is only concerned with the “view” of your application.

The full code lives in this repo.

Starting the basic folder structure

The folder structure is always something to worry about when you start a new project. We are always trying to improve our code, and with the way we structure it on Meteor, there is not too much deal about folder structure. We have a /client and a /server folder (there is always a /public, /private /lib folder), so in this tutorial we are going to follow the Meteor standard, with some obvious folders in the /client folder, like /components.


The Best Practices For this tutorial Requirements


Operating System :Ubuntu 16.04(Latest stable Version)

The Best Knowledge About React  :

And Also Javascript Es6

Referenced Tutorials Are :

Sample Github Repositories :


Should you use React in your next Meteor project?

If you’re just getting started with Meteor – and especially if you’re just getting started with JavaScript development – the simplicity and ease-of-use of Meteor’s Blaze is hard to beat. For smaller apps, MVPs, and hackathons, you’d be hard-pressed to find a more efficient way of building modern, reactive, client-side web apps.

But as your application – and more importantly your team – grows, you may find yourself feeling the pain of unpredictable application state, duplicated code and “jQuery Soup”. In that case I’ve found that React is a great choice for building predictable, scalable apps and feels right at home in a Meteor app.


Meteor Js Web Applications



To create the app, open your terminal and type:

Windows Operating System  To Use   Command Prompt to “meteor” chek meteor installed.

meteor create aboossample   
 'aboossample' is  the project name.

This will create a new folder called aboossample with all of the files that a Meteor app needs:

aboossample.html     // # an HTML file that defines view templates

aboosample.js            // # a JavaScript file loaded on both client and server

aboossample.css        // # a CSS file to define your app’s styles

.meteor        // # internal Meteor files    

To run the newly created app:

cd aboossample


Open your web browser and go to http://localhost:3000 to see the app running.
Continue reading