Pro MERN Stack

1. Front Matter

   Pages i-xxiii

   PDF

2. Introduction

   • Vasan Subramanian

   Pages 1-16

3. Hello World

   • Vasan Subramanian

   Pages 17-39

4. React Components

   • Vasan Subramanian

   Pages 41-60

5. React State

   • Vasan Subramanian

   Pages 61-84

6. Express and GraphQL

   • Vasan Subramanian

   Pages 85-135

7. MongoDB

   • Vasan Subramanian

   Pages 137-169

8. Architecture and ESLint

   • Vasan Subramanian

   Pages 171-201

9. Modularization and Webpack

   • Vasan Subramanian

   Pages 203-231

10. React Router

    • Vasan Subramanian

    Pages 233-265

11. React Forms

    • Vasan Subramanian

    Pages 267-313

12. React-Bootstrap

    • Vasan Subramanian

    Pages 315-376

13. Server Rendering

    • Vasan Subramanian

    Pages 377-426

14. Advanced Features

    • Vasan Subramanian

    Pages 427-470

15. Authentication

    • Vasan Subramanian

    Pages 471-513

16. Deployment

    • Vasan Subramanian

    Pages 515-527

17. Looking Ahead

    • Vasan Subramanian

    Pages 529-534

18. Back Matter

    Pages 535-542

    PDF

Assemble the complete stack required to build a modern web app using MongoDB, Express, React, and Node. This book also covers many other complementary tools: React Router, GraphQL, React-Bootstrap, Babel, and Webpack. This new edition will use the latest version of React (React 16) and the latest React Router (React Router 4), which has a significantly different approach to routing compared to React Router 2 which was used in the first edition of the book.


Though the primary focus of Pro MERN Stack is to equip you with all that is required to build a full-fledged web application, a large portion of the book will be devoted to React 16. The popular MEAN (MongoDB, Express, AngularJS, Node) stack introduced Single Page Apps (SPAs) and front-end Model-View-Controller (MVC) as new and efficient paradigms. 




Facebook's React is a technology that competes indirectly with AngularJS. It is not a full-fledged MVC framework. It is a JavaScript library for building user interfaces (in some sense the View part). Yet, it is possible to build a web app by replacing AngularJS with React – hence the term MERN stack




What You Will Learn

• Discover the features of React 16 to get the maximum out of this library
  
• Gain the basics of MongoDB, Express, and Node to build a web app
  
• Work with other libraries complementary to React, including React-Bootstrap, React Router, and GraphQL
  
• Use tools such as Babel and Webpack required to build JavaScript-based SPAs 
  
• Tie all the components together to build a complete web app.
  

Who This Book Is For


Developers and architects who have prior experience in any web app stack other than the MERN stack will find the book useful to learn about this modern stack. Prior knowledge of JavaScript, HTML, and CSS is required.

• MERN
• React
• Reactjs
• MERN Stack
• MongoDB
• Mongo
• Express
• NodeJS
• Express.js

• Bangalore, India

  Vasan Subramanian

Vasan Subramanian has experienced all kinds of programming, from 8-bit, hand-assembled code on an 8085 to AWS Lambda. He not only loves to solve problems using software, but he also looks for the right mix of technology and processes to make a software product team most efficient. He learned software development at companies such as Corel, Wipro, and Barracuda Networks, not just as a programmer but also as a leader of teams at those companies. 

Vasan studied at IIT Madras and IIM Bangalore. In his current job as CTO at Accel, he mentors startups on all things tech. His Twitter handle is @vasansr. While not mentoring or coding (or writing books!), Vasan runs half marathons and plays 5-a-side soccer. 

Policies and ethics