hectorgp98/full-stack-web-development-with-remix

Full-Stack-Web-Development-with-Remix

Learn how Remix can supercharge your React development.

Structure

The code for each chapter can be found in the corresponding folder. For example, 2-creating-a-new-remix-app contains the code for Chapter 2, Creating a new Remix App.

Each chapter provides instructions for how to get started and how to incrementally reach the final code. The best starting point is the README.md file in each folder. The structure of each chapter may vary, but starting in chapter 4 you will typically find a start and a solution folder. The start folder contains the code that you will start with. The solution folder contains the code that you will end up with.

Sometimes the README.md file may include instructions from how to get from the previous chapter's final solution to the current chapter's starting point.

Chapters

Getting started with Remix

2. Creating a new Remix App
3. Deployment Targets, Adapters, and Stacks
4. Routing in Remix

Working with Remix and the web platform

5. Fetching and Mutating Data
6. Enhancing the User Experience
7. Error Handling in Remix
8. Session Management
9. Assets and Meta Data Handling
10. Working with File Uploads

Advanced topics of full stack web development with Remix

11. Optimistic UI

BeeRich

In this book, we build a demo application called BeeRich. BeeRich is a dashboard-like expense and income tracking application. It is meant to reflect a real-world application that you might build with Remix.

Running BeeRich

Once we introduce BeeRich in chapter 3, we will gradually build it up in the following chapters. Each chapter contains a README file with instructions on how to get started and how to reach the final code.

To set up and run BeeRich, you will need to run the following commands:

npm install
npm run dev

Once we add the database in chapter 5, you will need to run the following commands to set up the database:

npm install
npm run build
npm run update:db
npm run dev