Skip to content

Commit

Permalink
switch to MDX (#22)
Browse files Browse the repository at this point in the history
  • Loading branch information
loganzartman authored Nov 8, 2023
1 parent 0b3f111 commit 8118ac6
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 4 deletions.
4 changes: 3 additions & 1 deletion .vscode/extensions.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
"recommendations": [
"esbenp.prettier-vscode",
"dbaeumer.vscode-eslint",
"bradlc.vscode-tailwindcss"
"bradlc.vscode-tailwindcss",
"unifiedjs.vscode-mdx",
"streetsidesoftware.code-spell-checker"
]
}
3 changes: 2 additions & 1 deletion .vscode/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,6 @@
"eslint.validate": ["typescript", "typescriptreact", "html"],
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
"editor.defaultFormatter": "esbenp.prettier-vscode",
"cSpell.enableFiletypes": ["md", "mdx"]
}
2 changes: 1 addition & 1 deletion src/app/blog/posts/diy-suspense-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Even after reading the docs, I was still curious about something: how do you sus

I think that the React team [doesn't intend][suspense in data frameworks] for most people to write code that suspends. Instead, they imagine you'll use libraries that are already integrated with Suspense. In that case, all you need to do is handle the fallback states with the `<Suspense>` component. They likely have thought a lot about this and have good reasons for it!

But this isn't super satisfying to me—it feels like I've only seen half the API. So here's a very basic overview of the suspending part of it. Even if this has limited pracitcality, I think it's helped my mental model to understand the basics of how it works. Keep in mind that Suspense is based on [promises][promise], so you'll need to know how they work first.
But this isn't super satisfying to me—it feels like I've only seen half the API. So here's a very basic overview of the suspending part of it. Even if this has limited practicality, I think it's helped my mental model to understand the basics of how it works. Keep in mind that Suspense is based on [promises][promise], so you'll need to know how they work first.

## When to suspend

Expand Down
2 changes: 1 addition & 1 deletion src/app/blog/posts/measuring-line-height.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ context.drawRect(
-metrics.actualBoundingBoxLeft,
-metrics.actualBoundingBoxAscent,
metrics.actualBoundingBoxLeft + metrics.actualBoundingBoxRight,
metrics.actualBoundingBoxAscent + metrics.actualBoungingBoxDescent,
metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,
);
```

Expand Down

0 comments on commit 8118ac6

Please sign in to comment.