Modern Full-Stack Development : Using TypeScript, React, Node.js, Webpack, and Docker

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. What You'll Learn 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 Who This Book Is For Web developers with basic knowledge of HTML, JavaScript, CSS, and CLI tools who are interested in and in all aspects of application development, and using TypeScript instead of straight JavaScript. 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. What You'll Learn Get A Project Started And Logically Structure It Use React And Material-ui To Construct A User Interface 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 Learn About And Use A Host Of Other Ancillary Topics Including Npm, Semantic Versioning, Babel, Nosql, And More Who This Book Is For Web Developers With Basic Knowledge Of Html, Javascript, Css, And Cli Tools Who Are Interested In And In All Aspects Of Application Development, And Using Typescript Instead Of Straight Javascript. 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 Chapter 6: A Few More Words: Advanced TypeScript -- Interfaces -- Argument/Object Interfaces -- Methods in Interfaces -- Interfaces and Classes -- Extending Interfaces -- Namespaces and Modules -- Namespaces -- Modules -- Decorators -- Decorator Factories -- Third-Party Libraries -- Debugging TypeScript Apps -- Source Maps -- Summary -- Chapter 7: Tying It Up in a Bow: Webpack -- What's a Bundle, and How Do I Make One? -- What's Webpack All About? -- Dependency Graph -- Entry -- Output -- Loaders -- Plugins -- Modes -- Browser Compatibility -- Getting Started with Webpack 1. Server-Side Node.js and NPM 2. A Few More Advanced Node and NPM 3. Client-Side React4. A Few More Advanced React5. Building a Strong TypeScript6. A Few More Advanced TypeScript7. Tying it up in a Webpack8. Delivering the MailBag, the Server9. Delivering the MailBag, the Client10. Time for BattleJong, the Server11. Tying It Up in a Bow with Webpack12. Bringing the Dev Ship into Harbor With Docker