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
Conferences
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

Backend routing

In the Rendering to strings section, you implemented a single request handler in the server that responded to requests for the root URL (/). Your application is going to need to handle more than a single route. You learned how to use the react-router package for routing in Chapter 9, Handling Navigation with Routes, but now, you're going to see how to use the same package in Node.js.

First, let's take a look at the main App component:

import { Routes, Route, Link, Outlet } from 
  "react-router-dom";
 
import FirstHeader from "./first/FirstHeader";
import FirstContent from "./first/FirstContent";
import SecondHeader from "./second/SecondHeader";
import SecondContent from "./second/SecondContent";
 
function Layout() {
  return (
    <section>
      <Outlet />
    </section>
  );
}
 
export...
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