vasansr / Pro Mern Stack
Code Listing for the book Pro MERN Stack
Stars: ✭ 290
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Pro Mern Stack
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-88.97%)
Mutual labels: webpack, mongodb, express, react-router
Ecommerce Site Template
A beautiful e-commerce template powered by React, Redux and other modern web tech.
Stars: ✭ 167 (-42.41%)
Mutual labels: webpack, mongodb, express, react-router
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (-15.86%)
Mutual labels: webpack, express, react-router
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-64.48%)
Mutual labels: webpack, react-router, react-bootstrap
Tested
Angular Material in MEAN Stack Website Source
Stars: ✭ 35 (-87.93%)
Mutual labels: webpack, mongodb, express
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+273.45%)
Mutual labels: webpack, express, react-router
Nest Angular
NestJS, Angular 6, Server Side Rendering (Angular Universal), GraphQL, JWT (JSON Web Tokens) and Facebook/Twitter/Google Authentication, Mongoose, MongoDB, Webpack, TypeScript
Stars: ✭ 307 (+5.86%)
Mutual labels: webpack, mongodb, express
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (-53.45%)
Mutual labels: webpack, mongodb, react-router
Isomorphic Redux Cnode
😊👻基于react->express->mongo技术栈的同构SPA
Stars: ✭ 123 (-57.59%)
Mutual labels: webpack, mongodb, express
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-50%)
Mutual labels: webpack, express, react-router
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (+133.79%)
Mutual labels: webpack, express, react-router
Mern Boilerplate
MERN stack project boilerplate
Stars: ✭ 211 (-27.24%)
Mutual labels: webpack, mongodb, express
Vue Chess
Multiplayer online chess game use Vue , Nodejs, Webpack, Em6, Socket.io, Mongodb, Express
Stars: ✭ 350 (+20.69%)
Mutual labels: webpack, mongodb, express
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+337.24%)
Mutual labels: webpack, react-router, react-bootstrap
Diagonistician Reactjs Express Mongoose
Question - Answers demo SPA
Stars: ✭ 13 (-95.52%)
Mutual labels: mongodb, express, react-router
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-60%)
Mutual labels: webpack, express, react-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-46.21%)
Mutual labels: webpack, express, react-router
Deprecation notice
This github repository, and also the book that it is meant to accompany, have now been superceded by the second edition of the book and a corresponding new repository: pro-mern-stack-2. The repository is no longer being maintained, but remains in GitHub as an archive.
This is the complete source code compilation of all code listings in the book Pro MERN Stack by Vasan Subramanian, published by Apress. The book can be purchased at any of these websites:
Each section in the book ends with a working application, which corresponds to a branch in this repository. For each section, you can browse the complete source, or look at the differences from the previous section/step using the appropriate link against each section, in this page.
Demo
There is no online demo, so if you want to take a peek into how the app will look like once it's done till the end of the book, you will need to do the following:
- Install Node.js (with npm) and MongoDB
- Clone this repository
- Run
npm installin the project directory - Run
npm run compile, followed bynpm run compile-serverto generate the bundles - Run
npm startto start the server on port 3000 - (Optionally) Run
mongo scripts/init.mongo.jsto seed the database with some initial data
The above requires that you know, or able to find out how to install Node.js and MongoDB.
Chapter 1: Introduction
There are no code listings in this chapter.
Errata / Issues relating to Chapter 2
Chapter 2: Hello World
- Server-less Hello World: Full source
- Express: Full source | Diffs from previous step
- Separate script file: Full source | Diffs from previous step
- Transform: Full source | Diffs from previous step
- Automate: Full source | Diffs from previous step
- ES2015: Full source | Diffs from previous step
Errata / Issues relating to Chapter 2
Chapter 3: React Components
- React Classes: Full source | Diffs from previous step
- Composing Components: Full source | Diffs from previous step
- Passing Data - Using Properties: Full source | Diffs from previous step
- Passing Data - Using Children: Full source | Diffs from previous step
- Dynamic Composition: Full source | Diffs from previous step
Errata / Issues relating to Chapter 3
Chapter 4: React State
- Setting State: Full source | Diffs from previous step
- Async State Initialization: Full source | Diffs from previous step
- Event Handling: Full source | Diffs from previous step
- Communicate Child to Parent: Full source | Diffs from previous step
- Stateless Components: Full source | Diffs from previous step
Errata / Issues relating to Chapter 4
Chapter 5: Express REST APIs
- List API: Full source | Diffs from previous step
- Create API: Full source | Diffs from previous step
- Using List API: Full source | Diffs from previous step
- Using Create API: Full source | Diffs from previous step
- Error Handling: Full source | Diffs from previous step
Errata / Issues relating to Chapter 5
Chapter 6: Using MongoDB
- Schema Initialization: Full source | Diffs from previous step
- MongoDB Node.js Driver: Full source | Diffs from previous step
- Read From MongoDB: Full source | Diffs from previous step
- Write to MongoDB: Full source | Diffs from previous step
Errata / Issues relating to Chapter 6
Chapter 7: Modularization and Webpack
- Server-Side Modules: Full source | Diffs from previous step
- Using Webpack Manually: Full source | Diffs from previous step
- Transform and Bundle: Full source | Diffs from previous step
- Libraries Bundle: Full source | Diffs from previous step
- Hot Module Replacement: Full source | Diffs from previous step
- HMR Using Middleware: Full source | Diffs from previous step
- Debugging: Full source | Diffs from previous step
- Server-Side ES2015: Full source | Diffs from previous step
- ESLint: Full source | Diffs from previous step
Errata / Issues relating to Chapter 7
Chapter 8: React Router
- Simple Routing: Full source | Diffs from previous step
- Route Parameters: Full source | Diffs from previous step
- Route Query String: Full source | Diffs from previous step
- Programmatic Navigation: Full source | Diffs from previous step
- Nested Routes: Full source | Diffs from previous step
- Browser History: Full source | Diffs from previous step
Errata / Issues relating to Chapter 8
Chapter 9: Forms
- More Filters in List API: Full source | Diffs from previous step
- Filter Form: Full source | Diffs from previous step
- Get API: Full source | Diffs from previous step
- Edit Page: Full source | Diffs from previous step
- UI Components - Number Input: Full source | Diffs from previous step
- UI Components - Date Input: Full source | Diffs from previous step
- Update API: Full source | Diffs from previous step
- Using Update API: Full source | Diffs from previous step
- Delete API: Full source | Diffs from previous step
- Using Delete API: Full source | Diffs from previous step
Errata / Issues relating to Chapter 9
Chapter 10: Bootstrap
- Bootstrap Installation: Full source | Diffs from previous step
- Navigation: Full source | Diffs from previous step
- Table and Panel: Full source | Diffs from previous step
- Forms - Grid Based Forms: Full source | Diffs from previous step
- Forms - Inline Forms: Full source | Diffs from previous step
- Forms - Horizontal Forms: Full source | Diffs from previous step
- Alerts - Validations: Full source | Diffs from previous step
- Alerts - Results: Full source | Diffs from previous step
- Modals: Full source | Diffs from previous step
Errata / Issues relating to Chapter 10
Chapter 11: Server Rendering
- Basic Server Rendering: Full source | Diffs from previous step
- Handling State: Full source | Diffs from previous step
- Initial State: Full source | Diffs from previous step
- Server Side Bundle: Full source | Diffs from previous step
- Backend HMR: Full source | Diffs from previous step
- Routed Server Rendering: Full source | Diffs from previous step
- Encapsulated Fetch: Full source | Diffs from previous step
Errata / Issues relating to Chapter 11
Chapter 12: Advanced Features
- MongoDB Aggregate: Full source | Diffs from previous step
- Pagination: Full source | Diffs from previous step
- Higher Order Components: Full source | Diffs from previous step
- Search Bar: Full source | Diffs from previous step
- Google Sign-In: Full source | Diffs from previous step
- Session Handling: Full source | Diffs from previous step
Errata / Issues relating to Chapter 12
Chapter 13: Looking Ahead
There are no code listings in this chapter.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].