Pro MERN Stack

1. Front Matter

   Pages i-xvii

   PDF

2. Introduction

   • Vasan Subramanian

   Pages 1-15

3. Hello World

   • Vasan Subramanian

   Pages 17-36

4. React Components

   • Vasan Subramanian

   Pages 37-53

5. React State

   • Vasan Subramanian

   Pages 55-68

6. Express REST APIs

   • Vasan Subramanian

   Pages 69-91

7. Using MongoDB

   • Vasan Subramanian

   Pages 93-113

8. Modularization and Webpack

   • Vasan Subramanian

   Pages 115-150

9. Routing with React Router

   • Vasan Subramanian

   Pages 151-171

10. Forms

    • Vasan Subramanian

    Pages 173-205

11. React-Bootstrap

    • Vasan Subramanian

    Pages 207-244

12. Server Rendering

    • Vasan Subramanian

    Pages 245-273

13. Advanced Features

    • Vasan Subramanian

    Pages 275-317

14. Looking Ahead

    • Vasan Subramanian

    Pages 319-324

15. Back Matter

    Pages 325-328

    PDF

Assemble the complete stack required to build a modern web app using React: MongoDB (a NoSQL database) and Express (a framework for web application servers), which runs on Node (JavaScript on the server side), complement React very nicely. This book will also cover many other tools that go into building a complete web application: React Router, React-Bootstrap, Redux, Babel, and webpack.


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.


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. But it has its shortcomings such as lack of support for SEO friendly server-side rendering and being too prescriptive by being a framework.


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 details of React, the React Way, and how to get the maximum out of this library
  
• See the basics of MongoDB, Express, and Node, enough to build a web app
  
• Work with other tools complementary to React, including React-Bootstrap and React Router
  
• Use the tools 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. While not mentoring or coding (or writing books!), Vasan runs half marathons and plays 5-a-side soccer. He can be contacted at vasan.promern@gmail.com for boquets, brickbats, or anything in-between. 

Policies and ethics