From the course: React Native Essential Training
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Using React DevTools with React Native - React Native Tutorial
From the course: React Native Essential Training
Using React DevTools with React Native
- [Tutor] So far in our simple application, we can select a number and that number is going to be presented as selected. However, as we are adding these features, we are also introducing problems. For example, we did nothing to say that a number that is selected can't be re selected, right? But we don't have any visibility into these problems. One tool that really helps in adding some visibility to the problems that you have in code is react-devtools. This react-devtools that is hosted on this, github reveal, give us this visual screen that we can use to interact with the application and see what is going on when we do. In a web based react project, we can just install a browser extension and get this react-devtool to work, but with react native, we need to use the stand alone version of react-devtools. We can do that by simply installing, globally react-devtools, and as you can tell, react-devtools is actually an…
Contents
-
-
-
-
-
(Locked)
Introduction and preview42s
-
(Locked)
Initializing the TargetSum app4m 36s
-
(Locked)
Configuring ESLint1m 47s
-
The game component with a random target3m 54s
-
(Locked)
Generating the random play numbers9m 41s
-
(Locked)
Styling the random play numbers2m 23s
-
(Locked)
Using TouchableOpacity for press events6m 17s
-
(Locked)
Changing UI based on selected numbers7m 31s
-
(Locked)
Adding shared behavior to numbers6m 21s
-
(Locked)
Using React DevTools with React Native4m 24s
-
(Locked)
Computing dynamic values where needed5m 14s
-
(Locked)
Changing UI based on game status4m 5s
-
(Locked)
Working with timers6m 16s
-
(Locked)
Caching to optimize computable values8m
-
(Locked)
Remounting a component to reset it7m 30s
-
(Locked)
-
-
-
-