Webpack and React: From apprentice to master

2nd edition. — CreateSpace Independent Publishing Platform, 2016. — 183 p. — ISBN-10: 152391050X. — ISBN-13: 978-1523910502.<div class="bb-sep"></div>Facebook's React powers an increasing amount of sites. There is a good reason for this. It simplifies frontend development greatly. Combined with Webpack, a bundling tool, you have a powerful frontend development environment in your hands.SurviveJS - Webpack and React shows you how to build a simple Kanban application based on these technologies. Set up a Webpack based development and production environment. You will learn to get most out of babel-plugin-hot-transform and Babel for development. Improve the quality of your code by using ESLint and friends to spot possible mistakes earlier. Get into the React mindset while learning the basics of Alt, an implementation of the Flux Application Architecture. Style your React application in various emerging ways. Implement drag and drop for your application using React DnD.<div class="bb-sep"></div>Introduction<br/>What is Webpack?<br/>What is React?<br/>What Will You Learn?<br/>How is This Book Organized?<br/>What is Kanban?<br/>Who is This Book for?<br/>How to Approach the Book?<br/>Book Versioning<br/>Extra Material<br/>Getting Support<br/>Announcements<br/>Acknowledgments<br/>1. Webpack Compared<br/>2. Developing with Webpack<br/>3. Webpack and React<br/>4. Implementing a Basic Note Application<br/>5. React and Flux<br/>6. From Notes to Kanban<br/>7. Implementing Drag and Drop<br/>8. Building Kanban<br/>9. Testing React<br/>10. Typing with React<br/>11. Linting in Webpack<br/>12. Authoring Packages<br/>13. Styling React<br/>Appendices<br/>Structuring React Projects<br/>Directory per Concept<br/>Directory per Component<br/>Directory per View<br/>Conclusion<br/>Language Features<br/>Modules<br/>Classes<br/>Class Properties and Property Initializers<br/>Functions<br/>String Interpolation<br/>Destructuring<br/>Object Shorthands<br/>const , let , var<br/>Decorators<br/>Conclusion<br/>Understanding Decorators<br/>Implementing a Logging Decorator<br/>Implementing @connect<br/>Decorator IdeasConclusion<br/>Troubleshooting<br/>EPEERINVALID<br/>Warning: setState(...): Cannot update during an existing state transition<br/>Warning: React attempted to reuse markup in a container but the checksum was invalid<br/>Module parse failed<br/>Project Fails to Compile