Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Full Stack Web Development with Remix
  • Table Of Contents Toc
  • Feedback & Rating feedback
Full Stack Web Development with Remix

Full Stack Web Development with Remix

By : Andre Landgraf
5 (14)
close
close
Full Stack Web Development with Remix

Full Stack Web Development with Remix

5 (14)
By: Andre Landgraf

Overview of this book

We’re in an exciting era of web development marked by the rapid evolution of the JavaScript ecosystem. Remix offers the necessary abstractions to take advantage of the latest advancements in React and beyond. With this Remix book, you can elevate your skills from React development to full stack web development, unlocking the full potential of the latest technologies, such as edge functions, streaming, and the full stack of the web platform. This book guides you through Remix’s thoughtfully designed conventions, levers, and primitives to sharpen your web development skills. In this book, you’ll develop a personal finance management application—a dashboard that mimics both personal and enterprise use cases. Each chapter introduces new concepts, such as routing, data fetching, mutations, error handling, and state management, as well as advanced topics, such as real-time communication, edge deploys, and caching strategies to create a great user experience from end to end. As you apply each concept to the finance dashboard, you’ll discover how you can supercharge your React app with Remix. The final section of this book covers migration strategies, guiding you on how to transition an existing application to Remix. By the end of this book, you’ll have a comprehensive understanding of Remix and the experience of building a full stack web app from start to finish.
Table of Contents (23 chapters)
close
close
1
Part 1 – Getting Started with Remix
6
Part 2 – Working with Remix and the Web Platform
13
Part 3 – Advanced Concepts of Full Stack Web Development with Remix

What this book covers

Chapter 1, The Era of Full Stack Web Frameworks, introduces Remix as a full stack web framework and highlights the advantages Remix provides you as a React developer. The chapter further discusses Remix’s philosophy and establishes the mental model of primitives, conventions, and levers. Finally, the chapter explains how Remix works under the hood.

Chapter 2, Creating a New Remix App, kicks off your Remix development journey. The chapter guides you through creating a new Remix application using Remix’s create-remix CLI script. The chapter also provides an overview of Remix’s file and folder structure and Remix’s two environments – the client and the server. Finally, the chapter offers a troubleshooting guide for Remix projects.

Chapter 3, Deployment Target, Adapters, and Stacks, offers an overview of Remix’s different deployment targets and discusses considerations to select the right target for your application. The chapter further details how to switch between adapters and how to use Remix Stacks to use an existing application template. Finally, the chapter introduces you to BeeRich, the demo application of this book.

Chapter 4, Routing in Remix, reviews Remix’s file-based routing convention. The chapter guides you through creating standalone pages, nested routes, parameterized routes, pathless layout routes, and other routing concepts. The chapter also discusses page navigations in Remix.

Chapter 5, Fetching and Mutating Data, dives deep into data fetching and mutations with Remix. The chapter documents Remix’s request-response life cycle and provides detailed practices to work with Remix’s server-side loader and action functions. The chapter also explains Remix’s built-in data revalidation.

Chapter 6, Enhancing the User Experience, formalizes how progressive enhancement works in Remix. The chapter then focuses on advanced data fetching and mutation concepts, such as prefetching and handling concurrent mutations.

Chapter 7, Error Handling in Remix, provides an overview of handling expected and unexpected errors in Remix to develop resilient user experiences.

Chapter 8, Session Management, guides you through implementing a search feature and a login and signup flow in BeeRich. The chapter provides a practical deep dive into managing UI and session state, using web standards and Remix’s primitives.

Chapter 9, Assets and Metadata Handling, focuses on meta tags and static assets in Remix. The chapter includes practices to expose static assets and work with custom fonts. Finally, the chapter discusses how to manage images with Remix.

Chapter 10, Working with File Uploads, introduces you to Remix’s file upload helpers. The chapter guides you through the implementation of uploading user files in BeeRich and emphasizes limiting access to the uploaded files to authorized users only.

Chapter 11, Optimistic UI, discusses the trade-offs of the optimistic UI. The chapter further lets you work with optimistic UI in BeeRich using Remix’s primitives. Finally, the chapter highlights how Remix eases the implementation of optimistic UI through its primitives and built-in data revalidation.

Chapter 12, Caching Strategies, provides an overview of different caching strategies to improve the performance of a Remix application. First, the chapter reviews different HTTP caching strategies before discussing in-memory caching. The chapter offers practical examples using the BeeRich demo application.

Chapter 13, Deferring Loader Data, introduces you to Remix’s concept of deferring loader data. The chapter further explains HTML streaming and motivates its usage and use cases to use streaming to defer data requests.

Chapter 14, Real-Time with Remix, examines popular real-time technologies and allows you to implement real-time data updates in BeeRich, using a Remix resource route and Server-Sent Events.

Chapter 15, Advanced Session Management, explores additional session and UI state management use cases. The chapter provides an overview of Remix’s cookie helper primitives compared to its session helpers. The chapter further guides you through the implementation of pagination in BeeRich.

Chapter 16, Developing for the Edge, defines the term edge in detail and considers the advantages and disadvantages of deploying Remix applications to an edge environment.

Chapter 17, Migration and Upgrade Strategies, wraps up the learning journey of this book and offers an overview of different strategies to migrate to Remix. The chapter also explains Remix’s future flags and how they can be used to ease major version upgrades.

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY