Full-Stack React Projects
Modern web development using React 16, Node, Express, and MongoDB
Shama Hoque
BIRMINGHAM - MUMBAI
Full-Stack React Projects
Copyright 2018 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing or its dealers and distributors, will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.
Commissioning Editor: Amarabha Banerjee
Acquisition Editor: Akshay Ghadi
Content Development Editor: Francis Carneiro
Technical Editor: Diksha Wakode
Copy Editor: Safis Editing
Project Coordinator: Devanshi Doshi
Proofreader: Safis Editing
Indexer: Aishwarya Gangawane
Graphics: Jason Monteiro
Production Coordinator: Shraddha Falebhai
Production reference: 1230518
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham
B3 2PB, UK.
ISBN 978-1-78883-553-4
www.packtpub.com
mapt.io
Mapt is an online digital library that gives you full access to over 5,000 books and videos, as well as industry leading tools to help you plan your personal development and advance your career. For more information, please visit our website.
Why subscribe?
Spend less time learning and more time coding with practical eBooks and Videos from over 4,000 industry professionals
Improve your learning with Skill Plans built especially for you
Get a free eBook or video every month
Mapt is fully searchable
Copy and paste, print, and bookmark content
PacktPub.com
Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at service@packtpub.com for more details.
At www.PacktPub.com , you can also read a collection of free technical articles, sign up for a range of free newsletters, and receive exclusive discounts and offers on Packt books and eBooks.
Contributors
About the author
Shama Hoque has 8 years of experience as a software developer and mentor, with a masters in software engineering from Carnegie Mellon University.
From Java programming to full-stack development with JavaScript, the applications she has worked on include national Olympiad registration websites, universally accessible widgets, video conferencing apps, and medical 3D reconstruction software.
Currently, she makes web-based prototypes for R&D start-ups in California, while training aspiring software engineers and teaching web development to CS undergrads in Bangladesh.
This book would not have been possible without the continuous support of my family and friends. First and foremost, I want to thank my brother, Shamiul, for providing valuable technical insight and guidance. I am also grateful to my parents and my friend, Shahrukh, for doing their part in boosting my morale and encouraging me when I needed it the most.
About the reviewer
Sai Kishore Komanduri does software architecture and engineering at MGRM NET, where he leads a team of engineers building e-governance enterprise applications.
Prior to this, he was a software engineer and developer evangelist at Hashnode, a premier social network for software developers, where he worked across the whole breadth of Hashnode's MERN tech stack.
I would like to offer my profound thanks to Dr. Murthy, Chairman of MGRM, for his invaluable, and all-round mentorship.
Packt is searching for authors like you
If you're interested in becoming an author for Packt, please visit authors.packtpub.com and apply today. We have worked with thousands of developers and tech professionals, just like you, to help them share their insight with the global tech community. You can make a general application, apply for a specific hot topic that we are recruiting an author for, or submit your own idea.
Preface
This book explores the potential of developing full-stack JavaScript web applications by combining the power of React with industry tested server-side technologies, such as Node, Express, and MongoDB. The JavaScript landscape has been growing rapidly for some time now. With an abundance of options and resources available on this subject matter, it is easy to get lost when you need to choose from these frequently changing parts, learn about them, and make them work together to build your own web applications. In an attempt to address this pain point, the book adopts a practical approach to help you set up and build a diverse range of working applications using this popular JavaScript stack.
Who this book is for
This book is aimed at JavaScript developers who may have some experience with React, but no previous experience with full-stack development involving Node, Express, and MongoDB, and who want practical guidelines to start building different types of web applications with this stack.
What this book covers
, Unleashing React Applications with MERN , introduces the MERN stack technologies and the applications developed in this book. We will discuss the context and relevance of developing web applications with React, Node, Express, and MongoDB.
, Preparing the Development Environment , helps set up the MERN stack technologies for development. We will explore essential development tools, install Node, MongoDB, Express, React, and other required libraries, and then run code to check the setup.
, Building a Backend with MongoDB, Express, and Node , implements the backend of a skeleton MERN application. We will build a standalone server-side application with MongoDB, Express, and Node, which stores user details and has APIs for user authentication and CRUD operations.
, Adding a React Frontend to Complete MERN , completes the MERN skeleton application by integrating a React frontend. We will implement a working frontend with React views for interacting with the user CRUD and auth APIs on the server.
Next page