Book Image

Build Applications with Meteor

Book Image

Build Applications with Meteor

Overview of this book

This book starts with the basic installation and overview of the main components in Meteor. You’ll get hands-on multiple versatile applications covering a wide range of topics from adding a front-end views with the hottest rendering technology React to implementing a microservices oriented architecture.All the code is written with ES6/7 which is the latest significantly improved JavaScript language. We’ll also look at real-time data streaming, server to server data exchange, responsive styles on the front-end, full-text search functionality, and integration of many third-party libraries and APIs using npm. By the end of the book, you’ll have the skills to quickly prototype and even launch your next app idea in a matter of days.
Table of Contents (16 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
8
Build a Chatbot with Facebook’s Messenger Platform

Meteor and webpack styling the shopping cart


Webpack is basically the default build tool for React. It offers a lot that we can use in our development. It supports all the possible loaders: CSS, CSS Modules, Sass, LESS are just a few.

There is a great package offering zero-configuration integration for Meteor to work with Webpack called webpack:webpack:

https://atmospherejs.com/webpack/webpack.

The easiest way to start with it is to create an app from scratch and paste in our Shopping Cart App from Chapter 2, Building a Shopping Cart:

>> meteor create css_modules_webpack
>> cd css_modules_webpack
>> npm init
>> meteor remove ecmascript
>> meteor add webpack:webpack
>> meteor add webpack:react
>> meteor add webpack:sass
>> meteor add react-meteor-data
>> npm install
>> npm start

After the installs are completed, your package.json should look similar to this one:

Notice on line 19, we are providing a main entry file for the app. In our...