Build a React Native Application

Debugging Errors in React Native

Autoplay

Up next

Reuse Components with Props in React Native

Previous

Extracting and Writing React Native Components

About

There are a few classes of errors in React Native. You will learn what types of errors can be triggered, and how to use the on-screen stack trace to help track down errors.

You can also debug your app in chrome, and use console log statements to better see what is happening to your data.

Summary of Content:

The three major classes of errors in React Native
How to debug JS "remotely" in your app
Using console statements to inspect data

Instructor

Links

Comments

I cannot get the remote debugger to error when I add textAlign: 'center'.

Can you bring up the developer menu on the simulator? (for iOS: cmd-d, for Android: cmd-m on mac, or ctrl-m on windows) Once you do that, what happens when you enabled "remote JS debugging"?

I don't get it either

Hello Albert, did you see Chris' comment below?

>

Log In or Go Pro

Lessons in Build a React Native Application

1. Installing React Native and Creating Your First React Native App

2. Editing the React Native Component to Display Data on the UI

3. Extracting and Writing React Native Components

4. Debugging Errors in React Native

5. Reuse Components with Props in React Native

6. Make React Native Components Dynamic with State

7. Dynamically Rendering Components in React Native

8. Rendering Lists in React Native with ScrollView and FlatList

9. Styling React Native Components

10. Layout Components in React Native with Flexbox

11. Installing and Using Third Party React Native Libraries

12. React Native Routing and Navigation with the React Navigation Library

13. Reacting to Input Events with React Native Controlled Components

14. Setting State in React Native with setState

15. Exploring Lifecycle Methods in React Native

16. Consuming a Node.js HTTP API in React Native

17. Displaying Images and Icons in React Native

18. Deleting a ToDo Item from a React Native List

19. Refactoring Network Code into a React Native Shared Library

20. Platform Specific React Native Code and Styles

21. Filtering Data with a React Native Segment Component

22. Deploying a React Native Application to a iOS or Android Device

23. Building a React Native Android APK for Google Play

24. Building a React Native iOS IPA file for the App Store