▶Book Description
React 16 Essentials, Second Edition, fully updated for React 16, takes you on a fast-paced journey through building your own maintainable React 16 applications. React experts Artemij Fedosejev and Adam Boduch give you all the essentials you need to know and start working with React 16, in this new edition of the best-selling React.js Essentials title. You'll find the latest React 16 code updates, assessment of React Fiber, new coverage of Redux, and how to work as a modern React developer.
The authors offer you their current assessment of React Fiber, and you'll soon be exploring React 16 hands on, creating your own single and multiple user interface elements with React 16. You'll then see how to create stateless and stateful components and make them reactive. You'll also learn to interact between your components and lifecycle methods, and gauge how to effectively integrate your user interface components with other JavaScript libraries. Delve deep into the core elements of the Redux architecture and learn how to manage your application and data persistence. Then go the extra mile with the Jest test framework, and run multiple tests on your applications and find solutions to scale without complexity.
Today React is used by Facebook, Instagram, Khan Academy, and Imperial College London, to name a few. Many new users recognize the benefits of React and adopt it in their own projects, forming a fast-growing community. The speed at which React has evolved promises a bright future for anyone who invests in learning it today. Let Artemij and Adam bring you a brand new look at React 16 and React Fiber, and move your web development into the future.
▶What You Will Learn
- Learn to code React 16 with hands-on examples and clear tutorials
- Install powerful React 16 tools to make development much more efficient
- Understand the impact of React Fiber today and the future of your web development
- Utilize the Redux application architecture with your React components
- Create React 16 elements with properties and children
- Get started with stateless and stateful React components
- Use JSX to speed up your React 16 development process
- Add reactivity to your React 16 components with lifecycle methods
- Test your React 16 components with the Jest test framework
▶About This Book
- Hands-on examples and tutorials for the latest React 16 release
- Assess the impact of React Fiber for your future web development
- Build maintainable and high performance React 16 web applications
▶Who This Book Is For
If you're a frontend developer with some knowledge of native JavaScript development and frontend frameworks, wishing to learn the fastest web user interface library there is, then this book is ideal for you.
▶Style and approach
React 16 Essentials, Second Edition, will take you on a fast-paced, hands-on journey through building your own maintainable React 16 applications.
▶What this book covers
- Chapter 1, What's New in React 16, introduces the major changes in React 16. This includes the fundamental changes to how rendering and reconciliation work under the hood, and other new features that are exposed via the API.
- Chapter 2, Installing Powerful Tools for Your Project, outlines the goal of this book and explains what modern tools you need to install in order to build React applications efficiently. It introduces each tool and provides step-by-step instructions on how to install each of them. Then, it creates a structure for the project that we'll be building in this book.
- Chapter 3, Creating Your First React Element, explains how to install React and introduces virtual DOM. Then, it explains what React Element is and how to create and render one with native JavaScript syntax. Finally, it introduces the JSX syntax and shows how to create React Elements using JSX.
- Chapter 4, Creating Your First React Component, introduces React components. It explains the difference between stateless and stateful React components and how to decide which one to use. Then, it guides you through the process of creating both kinds.
- Chapter 5, Making Your React Components Reactive, explains how to solve a problem with React and walks you through the process of planning your React application. It creates a React component that encapsulates the entire React application that we build in this book. It explains the relationship between parent and child React components.
- Chapter 6, Using Your React Components with Another Library, explores how to use third-party JavaScript libraries with your React components. It introduces the lifecycle of your React components, demonstrates how to use mounting methods, and shows how to create new React components for our book's project.
- Chapter 7, Updating Your React Components, introduces the updating methods for the lifecycles of your React components. This covers how to use CSS styles in JavaScript. It explains how to validate and set the default properties of the components.
- Chapter 8, Building Complex React Components, focuses on building more complex React components. It explores the details of how to implement different React components and how to put them together into one coherent and fully functional React application.
- Chapter 9, Testing Your React Application with Jest, explains the idea of unit testing and how to write and run your unit tests with Jest. It also demonstrates how to test your React components. It discusses test suites, specs, expectations, and matchers.
- Chapter 10, Supercharging Your React Architecture with Flux, discusses how to improve the architecture of our React application. It introduces the Flux architecture and explains the role of dispatchers, stores, and action creators.
- Chapter 11, Preparing Your React Application for Painless Maintenance with Flux, explains how to decouple concerns in your React application with Flux. It refactors our React application to allow painless maintainability in the future.
- Chapter 12, Refining Your Flux Apps with Redux, walks you through the main features of the Flux library, followed by a complete refactoring of an application to use Redux as the main mechanism to control state.
