Advertisement

© 2020

Modern Full-Stack Development

Using TypeScript, React, Node.js, Webpack, and Docker

Book

Table of contents

  1. Front Matter
    Pages i-xxii
  2. Frank Zammetti
    Pages 1-20
  3. Frank Zammetti
    Pages 21-42
  4. Frank Zammetti
    Pages 43-63
  5. Frank Zammetti
    Pages 65-86
  6. Frank Zammetti
    Pages 87-117
  7. Frank Zammetti
    Pages 119-140
  8. Frank Zammetti
    Pages 141-159
  9. Frank Zammetti
    Pages 161-217
  10. Frank Zammetti
    Pages 219-281
  11. Frank Zammetti
    Pages 283-304
  12. Frank Zammetti
    Pages 305-345
  13. Frank Zammetti
    Pages 347-365
  14. Back Matter
    Pages 367-373

About this book

Introduction

Explore what React, Node, TypeScript, Webpack, and Docker have to offer individually, and how they all fit together in modern app development. 

React is one of the most popular web development tools available today, and Node.js is extremely popular for server-side development.  The fact that both utilize JavaScript is a big selling point, but as developers use the language more, they begin to recognize the shortcomings, and that’s where TypeScript comes in and why it’s gaining in popularity quickly.  Add Webpack and Docker to the mix, and you’ve got a potent full development stack on which to build applications.You’ll begin by building a solid foundation of knowledge and quickly expand it by constructing two different real-world apps.  These aren’t just simple, contrived examples but real apps that you can choose to install on your servers and use for real.  By the end, you will have a solid grasp of building apps with React, Node.js, and TypeScript and a good grasp on how Webpack can be used to optimize and organize your code for deployment. You’ll also understand how Docker can be used to run the apps you build in a clear and well-defined way, all of which will be able to springboard you into creating more advanced apps on your own.

You will:

  • Get a project started and logically structure it
  • Construct a user interface with React and Material-UI 
  • Use WebSockets for real-time communication between client and server
  • Build a REST API with Node and Express as another approach to client-server communication
  • Package the app with Webpack for optimized delivery
  • Take a completed app and wrap it up with Docker for easy distribution
  • Review a host of other ancillary topics including NPM, Semantic versioning, Babel, NoSQL, and more

Keywords

TypeScript React Docker Webpack Node websockets REST containers

Authors and affiliations

  1. 1.PottstownUSA

About the authors

Frank Zammetti is the author of 12 Apress titles on a variety of web and mobile development topics. He has over 25 years of experience as a developer. You can find him on Twitter @fzammetti.

Bibliographic information

Industry Sectors
IT & Software
Telecommunications
Engineering
Finance, Business & Banking
Electronics