Significantly revised and new code along edition. Learn React with 50+ reusable custom components. Apply JavaScript ES6. React Hot Loading. React Router. Redux. PostCSS, FlexBox styling. Firebase database. Webpack packaging. Enzyme, Mocha, Chai BDD testing. ESLint and StyleLint. Browsersync.
NEW CODE ALONG EDITION
We are significantly revising this New Code Along Edition of React Speed Coding book.
Adding new Code Along GitHub repository containing branches for code you complete in each chapter. Chapter-by-chapter demos are available at the new demos website.
Making each chapter stand on its own so you can complete a significant learning step at the end of each chapter. Ensuring that your learning path is as linear as possible, without too many cross-references due to refactoring of code we write in each chapter.
The new edition also features better typography, color coding, and more screenshots to aid your learning.
Upgrading to the latest development environment and dependencies as of this writing. Adding new sections to make your React journey faster, easier, and better. Reducing the code you write to achieve the same goals.
Redesigning the UI CSS using Block, Element, Modifier method for more scalable, yet less verbose design. Several new custom components for Buttons, Forms, Layout, and other features.
WHO THIS BOOK IS FOR
The React Speed Coding book assumes basic knowledge of programming in JavaScript, HTML, and CSS.
If you are a complete beginner, there is enough guidance available for you to make this your first programming primer with suggested additional reading.
Experienced web developers will master React component design workflow using latest ES6 language features.
If you already program in React, you can use this book to optimize your development, testing, and production workflow.
WHAT YOU WILL LEARN
Setup React Webpack development environment complete with Node and Babel including development, testing, and production workflows.
Learn ES6 React features including arrow functions, template literals, variable scoping, immutability, pure functions, among others.
Production optimize Webpack development toolchain for CSS, JS, HTML pre-processing, faster builds, more performant code.
Create custom React Speed UI library using Flexbox and PostCSS, with goals including responsive design, single page app components, ease of customization, reusable code, and high performance.
Create complete single page app refactoring standard React app components adding Redux store, actions, and reducers. Follow BDD style of testing all along app design life cycle.
Apply Behavior-Driven Development techniques to create a comprehensive testing strategy for your apps. This includes ESLint and StyleLint to provide in-editor coding guidance on industry best practices for JavaScript and CSS. Use Mocha to describe specs. Chai for writing assertions. Sinon to spy on methods and events. We also learn about Enzyme for simple yet powerful React component level testing.
Adopt a comprehensive component design workflow including five strategies for starting component design by creating React components from embeds, REST APIs, samples, and wireframes.
