SurviveJS - Webpack + React

Facebook's React powers an increasing amount of sites. There is a good reason for this. It simplifies frontend development greatly.

SurviveJS - React shows you how to build a simple Kanban application based on these technologies. During the process you will learn to:

• Learn to understand the ideas behind React.
• Learn to design component hierarchies as you work on the application.
• Get into the React mindset while learning to think and manage state carefully.
• Style your React application in various emerging ways.
• Implement drag and drop for your application using React DnD.

In addition the Leanpub edition contains exclusive chapters showing you how to:

• Deal with typing in React.
• Test your React application in various ways.

The book assumes you know basics of JavaScript and understand how to use npm.

Most of the book content is available online at survivejs.com. By buying this book you support the development of further content.

"SurviveJS - Webpack 5" has been built around a tutorial during which you develop a complex configuration while covering different facets of webpack. The 34 short chapters and six appendices work as a reference you can use while developing your web applications. The book has been written with webpack 5 in mind.

Even though the book has been designed around webpack, many of the techniques covered go beyond it. You will learn to improve the quality of your code while becoming aware of optimization techniques that help you to deliver more performant web applications.

The book was developed in collaboration with the webpack community, and its structure has evolved accordingly. A third of royalties go to Tobias Koppers, the author of the tool. The writer is a core developer of webpack so by purchasing this book you will support the effort in multiple ways.

The content has been split as below:

• Foreword by Tobias Koppers, the author of webpack
• Preface by Juho Vepsäläinen, the author of the book and a core developer of webpack
• What is Webpack? - Learn what makes webpack tick
• Developing - Set up a development environment on top of webpack
• Styling - Load and manage styles while learning about topics like autoprefixing and eliminating unused CSS
• Loading Assets - Load different asset types and process them
• Building - Write initial build with webpack and learn techniques like bundle and code splitting
• Optimizing - Learn to optimize the build results by minifying, tree shaking, and other techniques
• Output - Understand webpack's output formats, multiple page builds, and module federation
• Techniques - Learn specific techniques related to topics such as testing and consuming packages
• Extending - Extend webpack with loaders and plugins
• Conclusion - Recap core techniques
• Appendices - Learn how webpack compares with other tools, how to set up Hot Module Replacement, troubleshoot webpack

The Leanpub edition comes with a two page PDF cheatsheet that covers the main ideas of webpack in a compact format. It's also available in poster form (single A3, either portrait or landscape). You also get a ~20 page QA PDF where Tobias Koppers, the creator of the tool answers to tough questions.