aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHayleigh Thompson <me@hayleigh.dev>2024-04-05 19:54:52 +0100
committerHayleigh Thompson <me@hayleigh.dev>2024-04-05 19:54:52 +0100
commitc7df826e1023809a6bd3521d472a3d24a80d6146 (patch)
tree6a2cad08acbf0516fa3bb8aae27d013817e02c41
parentfa1f447bd0eaf9d27b6af407f90477b81e70b358 (diff)
downloadlustre-c7df826e1023809a6bd3521d472a3d24a80d6146.tar.gz
lustre-c7df826e1023809a6bd3521d472a3d24a80d6146.zip
:construction: Scaffold out what a cheatsheet might look like.
-rw-r--r--pages/reference/for-react-devs.md62
1 files changed, 62 insertions, 0 deletions
diff --git a/pages/reference/for-react-devs.md b/pages/reference/for-react-devs.md
new file mode 100644
index 0000000..9a14652
--- /dev/null
+++ b/pages/reference/for-react-devs.md
@@ -0,0 +1,62 @@
+# Lustre for React developers
+
+In some ways React and Lustre share the same DNA. But in a lot of other ways they
+can be quite different! This guide is for React developers who are new to Lustre
+and want to get up to speed quickly.
+
+## How do I...?
+
+### Setup a new project
+
+**In React**...
+
+**In Lustre**...
+
+### Render some HTML
+
+**In React**...
+
+**In Lustre**...
+
+### Render some text
+
+**In React**...
+
+**In Lustre**...
+
+### Handle events
+
+**In React**...
+
+**In Lustre**...
+
+### Write a component
+
+**In React**...
+
+**In Lustre**...
+
+### Manage state
+
+**In React**...
+
+**In Lustre**...
+
+### Fetch data
+
+**In React**...
+
+**In Lustre**...
+
+## Where to go next
+
+To walk through setting up a new Lustre project and building your first app, check
+out the [quickstart guide](https://hexdocs.pm/lustre/guide/01-quickstart.html).
+
+If you prefer to learn by example, we have a collection of examples that show
+off specific features and patterns in Lustre. You can find them in the
+[examples directory](https://hexdocs.pm/lustre/reference/examples.html)
+
+If you're having trouble with Lustre or not sure what the right way to do
+something is, the best place to get help is the [Gleam Discord server](https://discord.gg/Fm8Pwmy).
+You could also open an issue on the [Lustre GitHub repository](https://github.com/lustre-labs/lustre/issues).