Meteor 1.4 with React for Beginners

meteorreact

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.

components1

The Best Practices For this tutorial Requirements

Editorhttps://atom.io/

Operating System :Ubuntu 16.04(Latest stable Version)

The Best Knowledge About React  :

https://www.codeschool.com/courses/powering-up-with-react

And Also Javascript Es6 

https://www.codeschool.com/courses/es2015-the-shape-of-javascript-to-come

Referenced Tutorials Are :

Sample Github Repositories :

Conclusion

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.

Advertisements