Reader small image

You're reading from  React 16 Tooling

Product typeBook
Published inApr 2018
Reading LevelBeginner
PublisherPackt
ISBN-139781788835015
Edition1st Edition
Languages
Tools
Right arrow
Authors (2):
Adam Boduch
Adam Boduch
author image
Adam Boduch

Adam Boduch has been involved in large-scale JavaScript development for nearly 15 years. Before moving to the frontend, he worked on several large-scale cloud computing products using Python and Linux. No stranger to complexity, Adam has practical experience with real-world software systems and the scaling challenges they pose.
Read more about Adam Boduch

Christopher Pitt
Christopher Pitt
author image
Christopher Pitt

Christopher Pitt is a principal developer for SilverStripe in Wellington, New Zealand. He usually works on open source software, though sometimes you'll find him building compilers and robots.
Read more about Christopher Pitt

View More author details
Right arrow

Manually triggering actions


The ability to manually trigger actions during development of a Redux application can be helpful. For instance, you might have components ready, but you're unsure of how the user interaction will work or you just need to troubleshoot something that should be working but isn't. You can use Redux DevTools to manually trigger actions by clicking on the button with the keyboard icon, near the bottom of the pane:

This will display a text input where you can enter the action payload. For example, I've navigated to the book detail page for React Native By Example:

Instead of clicking on the Delete button, I only want to see what happens regarding the state of the application, without triggering DOM events or API calls. To do this, I can click on the keyboard button in Redux DevTools, which allows me to manually enter an action and dispatch it. For example, here is how I would dispatch the DELETING_BOOK action:

This results in the action being dispatched and consequently...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
React 16 Tooling
Published in: Apr 2018Publisher: PacktISBN-13: 9781788835015

Authors (2)

author image
Adam Boduch

Adam Boduch has been involved in large-scale JavaScript development for nearly 15 years. Before moving to the frontend, he worked on several large-scale cloud computing products using Python and Linux. No stranger to complexity, Adam has practical experience with real-world software systems and the scaling challenges they pose.
Read more about Adam Boduch

author image
Christopher Pitt

Christopher Pitt is a principal developer for SilverStripe in Wellington, New Zealand. He usually works on open source software, though sometimes you'll find him building compilers and robots.
Read more about Christopher Pitt