Fix some issues, document what's next & patch writing

Author: NotNite

src/content/docs/ext-dev/cookbook.md

@@ -104,7 +104,7 @@ export const webpackModules: ExtensionWebExports["webpackModules"] = {
 
 Then, import React from [mappings](/ext-dev/mappings):
 
-```ts title="webpackModules/element.tsx"
+```tsx title="webpackModules/element.tsx"
 import React from "@moonlight-mod/wp/react";
 
 export default function MyElement() {

src/content/docs/ext-dev/getting-started.md

@@ -121,7 +121,17 @@ Do not add the directory with your code. moonlight will only be able to load the
 
 After restarting your client, the extension will load.
 
-When your extension is ready, you can [distribute the extension on a custom repository](#publishing-to-github-pages) or [submit to the official repository](/ext-dev/official-repository).
+## What's next?
+
+Congrats on making it this far! There's a lot more to learn about how moonlight works:
+
+- [Read about Webpack modules](/ext-dev/webpack), and learn how to write your own patches & make your own Webpack modules.
+- [Read the cookbook](/ext-dev/cookbook) for common patterns you may want to use.
+- [Set up DevTools](/ext-dev/devtools) to make reverse engineering Discord easier.
+- [Read common pitfalls](/ext-dev/pitfalls) so you know to avoid them.
+- When your extension is ready, [submit to the official repository](/ext-dev/official-repository) or [distribute the extension on a custom repository](#publishing-to-github-pages).
+
+If you need any help, don't be afraid to [ask in our Discord server](https://discord.gg/FdZBTFCP6F).
 
 ## Publishing to GitHub Pages
 

src/content/docs/ext-dev/webpack.md

@@ -95,6 +95,14 @@ export const patches: ExtensionWebExports["patches"] = [
 ];
 ```
 
+### Writing good patches
+
+It is suggested to follow some guidelines when writing patches:
+
+- Never hardcode minified variable names. Use `.` (or `.{1,2}` for longer names), so the patch still functions when the names change.
+- Use capture groups (e.g. `(.)`) to use previous variable names and snippets of code in your patches.
+- Keep logic inside of the patch to a minimum, and instead use `require` to [load your own Webpack module](#webpack-module-insertion).
+
 ## Webpack module insertion
 
 Similar to patching, extensions can also insert their own Webpack modules. These can be required like normal modules (which means they can be used inside of patches and other extensions). Extension Webpack modules take the form of `${ext.id}_${webpackModule.name}` (e.g. the `stores` Webpack module in the `common` extension has the ID `common_stores`).