Beginning React: Simplify your frontend development workflow and enhance the user experience of your applications with React

Take your web applications to a whole new level with efficient, component-based UIs that deliver cutting-edge interactivity and performance.

Key Features

• Elaborately explains basics before introducing advanced topics
• Explains creating and managing the state of components across applications
• Implement over 15 practical activities and exercises across 11 topics to reinforce your learning

Book Description

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you’ll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you’ll find yourself well-equipped to move onto a real-world personal or professional frontend project.

What you will learn

• Understand how React works within a wider application stack
• Analyze how you can break down a standard interface into specific components
• Successfully create your own increasingly complex React components with HTML or JSX
• Correctly handle multiple user events and their impact on overall application state
• Understand the component lifecycle to optimize the UX of your application
• Configure routing to allow effortless, intuitive navigation through your components

Who this book is for

If you are a frontend developer who wants to create truly reactive user interfaces in JavaScript, then this is the book for you. For React, you’ll need a solid foundation in the essentials of the JavaScript language, including new OOP features that were introduced in ES2015. An understanding of HTML and CSS is assumed, and a basic knowledge of Node.js will be useful in the context of managing a development workflow, but is not essential.

Table of Contents

1. Introducing React and UI Design
2. Creating Components
3. Managing User Interactivity

Andrea Chiarelli has over 20 years of experience as a software engineer and technical writer. In his professional career, he has used various technologies for his projects: from C# to JavaScript, from Angular to React, and ASP.NET to PhoneGap/Cordova. He has contributed to many online and offline magazines and is the author of several books published by Wrox Press and Packt. Currently, he is a software architect at the Italian office of Apparound, Inc. and a regular contributor to HTML.it, an Italian online magazine focused on web technologies.