You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/upgrading/component-routes.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -211,11 +211,11 @@ In general:
211
211
212
212
Note that your `root.tsx` file will be statically generated and served as the entry point of your app, so just that module will need to be compatible with server rendering. This is where most of your trouble will come.
213
213
214
-
## 6. Setup your routes
214
+
## 6. Set up your routes
215
215
216
216
The React Router Vite plugin uses a `routes.ts` file to configure your routes. For now we'll add a simple catchall route to get things going.
217
217
218
-
**👉 Setup a `catchall.tsx` route**
218
+
**👉 Set up a `catchall.tsx` route**
219
219
220
220
```shellscript nonumber
221
221
touch src/routes.ts src/catchall.tsx
@@ -269,11 +269,11 @@ You will probably want to add `.react-router/` to your `.gitignore` file to avoi
269
269
.react-router/
270
270
```
271
271
272
-
You can checkout [Type Safety][type-safety] to learn how to fully setup and use autogenerated type safety for params, loader data, and more.
272
+
You can check out [Type Safety][type-safety] to learn how to fully set up and use autogenerated type safety for params, loader data, and more.
273
273
274
274
## 8. Render your app
275
275
276
-
To get back to rendering your app, we'll update the "catchall" route we setup earlier that matches all URLs so that your existing `<Routes>` get a chance to render.
276
+
To get back to rendering your app, we'll update the "catchall" route we set up earlier that matches all URLs so that your existing `<Routes>` get a chance to render.
277
277
278
278
**👉 Update the catchall route to render your app**
See [Type Safety][type-safety] to setup autogenerated type safety for params, loader data, and more.
340
+
See [Type Safety][type-safety] to set up autogenerated type safety for params, loader data, and more.
341
341
342
342
The first few routes you migrate are the hardest because you often have to access various abstractions a bit differently than before (like in a loader instead of from a hook or context). But once the trickiest bits get dealt with, you get into an incremental groove.
0 commit comments