Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Beginning React
  • Table Of Contents Toc
  • Feedback & Rating feedback
Beginning React

Beginning React

4.3 (3)
Buy this Book
close
close
Beginning React

Beginning React

4.3 (3)
Buy this Book

Overview of this book

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.
Table of Contents (5 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who This Book Is For
Icon
What This Book Covers
Icon
To Get the Most out of This Book
Icon
Get in Touch
Free Chapter
1
Introducing React and UI Design
Icon
Introducing React and UI Design
Icon
What is React?
Icon
How to Set up a React-Based Application
Icon
How to Design a UI
Icon
Summary
2
Creating Components
Icon
Creating Components
Icon
Definition of a Component
Icon
Using JSX
Icon
Composing Components
Icon
Data Propagation
Icon
Managing the Internal State
Icon
Summary
3
Managing User Interactivity
chevron up
Icon
Managing User Interactivity
Icon
Managing User Interaction
Icon
Component Lifecycle Events
Icon
Managing Routing
Icon
Summary
4
Other Books You May Enjoy
Icon
Other Books You May Enjoy
Icon
Leave a review - let other readers know what you think

Managing User Interactivity

In this chapter, we are going to learn how to manage the events generated by a user's interaction with the components of a React-based user interface. We will explore the events that are triggered during the lifecycle of a React component, and will learn how to exploit them in order to create efficient components. Finally, we will use the React Router library to allow easy navigation between the different views implemented by components.

By the end of this chapter, you will be able to:

  • Handle events generated by user interaction
  • Change a component's state on event triggering
  • Use a component's lifecycle events for a better user experience
  • Configure routing to allow navigation through components

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 1
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY