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.

Related Content you might be interested in

Current Title:

Small book image
Build Applications with Meteor
May, 2017 | 388 pages
Small book image
Learning Redux
Daniel Bugl
Aug, 2017 | 374 pages
Small book image
Next.js Quick Start Guide
Kirill Konshin
Jul, 2018 | 164 pages
Small book image
Isomorphic JavaScript Web Development
Konstantin Tarkus | Tomas Alabes
Oct, 2017 | 226 pages
Table of Contents (16 chapters)
Title Page
Title Page
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Foundation of Meteor
Foundation of Meteor
Foundation of Meteor
Setting up the development environment
Building a Meteor app
The frontend with React
Summary
2
Building a Shopping Cart
Building a Shopping Cart
Creating the project structure
On the server
Building the application components
Adding router to the application
Meteor methods
Considerations for scalability
Summary
3
Style Your React Components with Bootstrap and Material Design
Style Your React Components with Bootstrap and Material Design
Mobile first
Modular CSS with LESS
Modular CSS with Syntactically Awesome StyleSheets
Bootstrap and Meteor
Using CSS modules with Meteor
Meteor and webpack styling the shopping cart
Styling the shopping cart with Material Design Lite
Summary
4
Real-Time Twitter Streaming
Real-Time Twitter Streaming
Twitter streaming
Meteor with Redux
Building the App
Async actions in Redux
Creating the App components
Connecting the Redux store with the React components
Summary
5
Developing Kanban Project Management Tool
Developing Kanban Project Management Tool
Drag and drop in React
Building the App
The reducer function
Building the Modal
Summary
6
Building a Real-Time Search Application
Building a Real-Time Search Application
Importing the data
Index a text field
Try it out!
Building the app
Summary
7
Real-Time Maps
Real-Time Maps
Building the App
Summary
8
Build a Chatbot with Facebook’s Messenger Platform
Build a Chatbot with Facebook’s Messenger Platform
Test it out!
9
Build Internet of Things Platform
Build Internet of Things Platform
Introduction
What is gRPC?
Building the apps
Summary

Summary

In this chapter, we covered the basics of Mobile First development with React. We started by building a simple grid with vanilla CSS; then we rewrote it using the two most popular preprocessors, Sass, and LESS. Moving forward, we discussed the challenges we face in writing scalable CSS in large-size apps. Global namespaces, CSS Modules, and the order of priorities in CSS class declarations are some of the topics covered. With the styling, the Shopping Cart from Chapter 2, Building a Shopping Cart, we applied the common ways of styling React. We also learned to use the global classes from Bootstrap and MDL, decouple the CSS with CSS Modules, and use inline style components with JavaScript. In the next chapter, we will build a Twitter streaming app, and we'll get familiar with the basics of the streaming API. Also, we will implement a state management container library, Redux.

Previous Section
End of Chapter 3
Next Chapter