Merge branch 'dev' into brophdawg11/route-lazy

remix-run · Aug 21, 2023 · 67fa0f3 · 67fa0f3
2 parents d29615b + 0e1e2c3
commit 67fa0f3
Show file tree

Hide file tree

Showing 31 changed files with 955 additions and 861 deletions.
diff --git a/.changeset/improve-minified-css-compatibility.md b/.changeset/improve-minified-css-compatibility.md
@@ -0,0 +1,7 @@
+---
+"@remix-run/dev": patch
+---
+
+Improve browser compatibility of minified CSS
+
+We now minify CSS targeting the Remix browser support baseline (i.e. anything that supports [ES module scripts](https://caniuse.com/es6-module)), whereas previously CSS was minified using esbuild's default "esnext" target. This meant that CSS in the production build could be using properties that are unsupported in some browsers. This change also means you now have more control over CSS transformations using the built-in PostCSS support since they won't be reversed by esbuild's minification.
diff --git a/docs/components/index.md b/docs/components/index.md
@@ -1,4 +1,4 @@
 ---
 title: Components
-order: 12
+order: 5
 ---
diff --git a/docs/file-conventions/index.md b/docs/file-conventions/index.md
@@ -1,4 +1,4 @@
 ---
 title: File Conventions
-order: 5
+order: 3
 ---
diff --git a/docs/file-conventions/remix-config.md b/docs/file-conventions/remix-config.md
@@ -183,6 +183,12 @@ The platform the server build is targeting, which can either be `"neutral"` or
 
 Whether to support [Tailwind functions and directives][tailwind-functions-and-directives] in CSS files if `tailwindcss` is installed. Defaults to `true`.
 
+```tsx
+module.exports = {
+  tailwind: false,
+};
+```
+
 ## watchPaths
 
 An array, string, or async function that defines custom directories, relative to the project root, to watch while running [remix dev][remix-dev]. These directories are in addition to [`appDirectory`][app-directory].

diff --git a/docs/file-conventions/routes.md b/docs/file-conventions/routes.md
@@ -8,6 +8,8 @@ While you can configure routes in [remix.config.js][remix-config], most routes a
 
 Please note that you can use either `.js`, `.jsx`, `.ts` or `.tsx` file extensions. We'll stick with `.tsx` in the examples to avoid duplication.
 
+<docs-info>Dilum Sanjaya made [an awesome visualization][an-awesome-visualization] of how routes in the file system map to the URL in your app that might help you understand these conventions.</docs-info>
+
 ## Root Route
 
 <!-- prettier-ignore -->
@@ -389,3 +391,4 @@ There's also the [Flat Routes][flat-routes] third-party package with configurabl
 [dynamic-segments]: #dynamic-segments
 [remix-config]: ./remix-config#routes
 [flat-routes]: https://github.com/kiliman/remix-flat-routes
+[an-awesome-visualization]: https://interactive-remix-routing-v2.netlify.app/
diff --git a/docs/guides/index.md b/docs/guides/index.md
@@ -1,4 +1,4 @@
 ---
 title: Guides
-order: 16
+order: 10
 ---