You're reading from Full Stack Web Development with Remix Enhance the user experience and build better React apps by utilizing the web platform

Product type Paperback

Published in Nov 2023

Publisher Packt

ISBN-13 9781801075299

Length 318 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Author (1):

Andre Landgraf

View More author details

Table of Contents (23) Chapters

Preface

1. Part 1 – Getting Started with Remix

2. Chapter 1: The Era of Full Stack Web Frameworks FREE CHAPTER

3. Chapter 2: Creating a New Remix App

4. Chapter 3: Deployment Targets, Adapters, and Stacks

5. Chapter 4: Routing in Remix

6. Part 2 – Working with Remix and the Web Platform

7. Chapter 5: Fetching and Mutating Data

8. Chapter 6: Enhancing the User Experience

9. Chapter 7: Error Handling in Remix

10. Chapter 8: Session Management

11. Chapter 9: Assets and Metadata Handling

12. Chapter 10: Working with File Uploads

13. Part 3 – Advanced Concepts of Full Stack Web Development with Remix

14. Chapter 11: Optimistic UI

15. Chapter 12: Caching Strategies

16. Chapter 13: Deferring Loader Data

17. Chapter 14: Real Time with Remix

18. Chapter 15: Advanced Session Management

19. Chapter 16: Developing for the Edge

20. Chapter 17: Migration and Upgrade Strategies

21. Index

Why subscribe?

22. Other Books You May Enjoy

Handling navigations in Remix

So far, we have used anchor tags to navigate between pages. You might have noticed that every navigation – using an anchor tag – triggers a full-page reload. This is the browser’s default behavior when navigating between pages. However, Remix also offers primitives for client-side navigations.

In this section, we will introduce you to Remix’s link components and Remix’s global navigation object. We will practice utilizing the navigation object to indicate page loads and learn more about server-side redirects with Remix.

Navigating with Remix’s link components

By default, a page navigation triggers a document request to the web server of the resource. The web server forwards the request to Remix (our HTTP request handler). Remix then renders a new document on the server to fulfill the request and responds with the rendered HTML document (or any other HTTP response).

When utilizing Remix’s link...