The Complete Developer

Master the Full Stack with TypeScript, React, Next.js, MongoDB, and Docker

by Martin Krause

January 2024, 344 pp.

ISBN-13:

9781718503281

Download Chapter 4: React

Whether you’ve been in the developer kitchen for decades or are just taking the plunge to do it yourself, The Complete Developer will show you how to build and implement every component of a modern stack—from scratch.

You’ll go from a React-driven frontend to a fully fleshed-out backend with Mongoose, MongoDB, and a complete set of REST and GraphQL APIs, and back again through the whole Next.js stack.

The book’s easy-to-follow, step-by-step recipes will teach you how to build a web server with Express.js, create custom API routes, deploy applications via self-contained microservices, and add a reactive, component-based UI. You’ll leverage command line tools and full-stack frameworks to build an application whose no-effort user management rides on GitHub logins.

You’ll also learn how to:

Work with modern JavaScript syntax, TypeScript, and the Next.js framework
Simplify UI development with the React library
Extend your application with REST and GraphQL APIs
Manage your data with the MongoDB NoSQL database
Use OAuth to simplify user management, authentication, and authorization
Automate testing with Jest, test-driven development, stubs, mocks, and fakes

Whether you’re an experienced software engineer or new to DIY web development, The Complete Developer will teach you to succeed with the modern full stack. After all, control matters.

Covers: Docker, Express.js, JavaScript, Jest, MongoDB, Mongoose, Next.js, Node.js, OAuth, React, REST and GraphQL APIs, and TypeScript

Author Bio

Martin Krause has been building websites from scratch for over 20 years. He has been an engineering manager at Publicis Sapient and a senior frontend architect at Razorfish, creating cutting-edge microsites and leading teams on large-scale projects.

Table of contents

Introduction

Part I: The Technology Stack
Chapter 1: Node.js
Chapter 2: Modern JavaScript
Chapter 3: TypeScript
Chapter 4: React
Chapter 5: Next.js
Chapter 6: REST and GraphQL APIs
Chapter 7: MongoDB and Mongoose
Chapter 8: Testing with the Jest Framework
Chapter 9: Authorization with OAuth
Chapter 10: Containerization with Docker

Part II: The Full-Stack Application
Chapter 11: Setting Up the Docker Environment
Chapter 12: Building the Middleware
Chapter 13: Building the GraphQL API
Chapter 14: Building the Frontend
Chapter 15: Adding OAuth
Chapter 16: Running Automated Tests in Docker

Appendix A: TypeScript Compiler Options
Appendix B: The Next.js app Directory
Appendix C: Common Matchers

View the Copyright page
View the detailed Table of Contents
View the Index

Reviews

"I may be a little biased, but I enjoy books that are hands-on and build with each chapter. This is exactly what The Complete Developer does. It takes you through the crowded Javascript landscape and teaches you how to build a modern sample application with containerization, authentication, and tests! This is a great resource for anyone starting out in web development."
—Bradley Smith, author of DevOps for the Desperate

"To be a full stack engineer, you need a lot of breadth and depth of knowledge. Martin's book provides both in ample measure. You'll learn the most up-to-date techniques for writing TypeScript for the client and the backend. You'll create your own GraphQL APIs, connect to MongoDB, and learn the basics of microservices with Docker. You'll even learn the intricacies of OAuth2 to add authorization and authentication. It's really quite astounding how many different complementary technologies you'll understand by the end of this book!"
—Nick Morgan, author of JavaScript Crash Course

"Exceptionally well written, deftly organized, and thoroughly 'user friendly' in presentation, The Complete Developer: Master the Full Stack with TypeScript, React, Next.js, MongoDB, and Docker is an ideal pick for both experienced software engineers and those new to DIY web development."
—Midwest Book Review

Extra Stuff

Assets and listings for this title are available at https://www.usemodernfullstack.dev/downloads

Download source code for The Complete Developer Here (.ZIP)

Updates

View the latest errata.