Courses

[NEW] React Native Mobile App with Laravel 12 API

React Native Tools

You're reading a FREE PREVIEW of a PREMIUM course.
Summary of this lesson:
- Set up VSCode with the recommended Expo Tools extension for optimal development
- Access the development menu with CMD+D or Control+D to control the application
- Use performance monitoring to check frames per second and JavaScript thread usage
- Utilize the element inspector to examine component structure similar to browser DOM tools
- Work with the JavaScript Debugger for viewing network requests and console logs

Before we write any more code, let's get familiar with the tooling that comes with Expo:

  • Editor & Extensions
  • Javascript Debugger
  • Network debugger
  • Profiler
  • App controls (for force-reloads and restarts)
  • Performance monitors
  • Element Inspectors

Let's dive in!


Editor & Extensions

While there are many editors, we will focus on VSCode as our primary editor.

To set it up, Expo has Documentation, and it talks explicitly about Expo Tools Extension that's good to have.


App Controls

Next, we need a way to force-refresh our application...

The full lesson is only for Premium Members.
Want to access all 19 text lessons of this course? (91 min read)

You also get:

  • 77 courses
  • Premium tutorials
  • Access to repositories
  • Private Discord