Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
React and React Native

You're reading from   React and React Native Build cross-platform JavaScript applications with native power for the web, desktop, and mobile

Arrow left icon
Product type Paperback
Published in May 2022
Publisher Packt
ISBN-13 9781803231280
Length 606 pages
Edition 4th Edition
Languages
Tools
Arrow right icon
Authors (3):
Arrow left icon
Roy Derks Roy Derks
Author Profile Icon Roy Derks
Roy Derks
Mikhail Sakhniuk Mikhail Sakhniuk
Author Profile Icon Mikhail Sakhniuk
Mikhail Sakhniuk
Adam Boduch Adam Boduch
Author Profile Icon Adam Boduch
Adam Boduch
Arrow right icon
View More author details
Toc

Table of Contents (36) Chapters Close

Preface 1. Part 1 – React
2. Chapter 1: Why React? FREE CHAPTER 3. Chapter 2: Rendering with JSX 4. Chapter 3: Component Properties, State, and Context 5. Chapter 4: Getting Started with Hooks 6. Chapter 5: Event Handling, the React Way 7. Chapter 6: Crafting Reusable Components 8. Chapter 7: The React Component Life Cycle 9. Chapter 8: Validating Component Properties 10. Chapter 9: Handling Navigation with Routes 11. Chapter 10: Code Splitting Using Lazy Components and Suspense 12. Chapter 11: Server-Side React Components 13. Chapter 12: User Interface Framework Components 14. Chapter 13: High-Performance State Updates 15. Part 2 – React Native
16. Chapter 14: Why React Native? 17. Chapter 15: React Native under the Hood 18. Chapter 16: Kick-Starting React Native Projects 19. Chapter 17: Building Responsive Layouts with Flexbox 20. Chapter 18: Navigating Between Screens 21. Chapter 19: Rendering Item Lists 22. Chapter 20: Showing Progress 23. Chapter 21: Geolocation and Maps 24. Chapter 22: Collecting User Input 25. Chapter 23: Displaying Modal Screens 26. Chapter 24: Responding to User Gestures 27. Chapter 25: Using Animations 28. Chapter 26: Controlling Image Display 29. Chapter 27: Going Offline 30. Chapter 28: Selecting Native UI Components Using NativeBase 31. Part 3 – React Architecture
32. Chapter 29: Handling Application State 33. Chapter 30: Why GraphQL? 34. Chapter 31: Building a GraphQL React App 35. Other Books You May Enjoy

Viewing your app on your phone

In order to view your React Native project on your device during development, we need to start the Expo development server:

  1. In the command-line terminal, make sure that you're in the project directory:
    cd path/to/my-project
  2. Once you're in my-project, you can run the following command to start the development server:
    npm start
  3. This will show you some information about the developer server in the terminal:
    Starting project at /Users/sakhniuk/React-and-React-
    Native-4th-Edition-/Chapter16/my-project
    Developer tools running on http://localhost:19002
    Starting Metro Bundler
    ' Metro waiting on exp://192.168.1.233:19000
    ' Scan the QR code above with Expo Go (Android) or the
      Camera app (iOS)
  4. It will also open a browser tab with the Expo developer tools for managing where the application is run, viewing logs, and other miscellaneous activities. Figure 16.1 shows what the Expo developer tools look like:
...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image