In this chapter, we will build a simple create, read, update, and delete (CRUD) application that will allow the user to add items to a shopping cart, remove them, update the quantity of each item, and track the total price of all added items. This is not, by any means, an e-commerce app but a brief overview of data handling with Meteor. For the frontend view layer, we will use React; also, we will take advantage of Meteor's reactive data package react-meteor-data to handle all the data changes and the dynamic rendering.
First, we will start with a very basic CRUD implementation and, moving forward, we'll refactor the app with the introduction of more concepts.
Here's what this chapter covers:
- An overview of basic project structures and installation of the required packages
- An overview of the application architecture
- Inserting sample data in MongoDB
- Implementation of a client-side routing with React-Router
- Refactoring the app from client database edits to Meteor...