diff options
author | Hayleigh Thompson <me@hayleigh.dev> | 2024-04-05 19:54:52 +0100 |
---|---|---|
committer | Hayleigh Thompson <me@hayleigh.dev> | 2024-04-05 19:54:52 +0100 |
commit | c7df826e1023809a6bd3521d472a3d24a80d6146 (patch) | |
tree | 6a2cad08acbf0516fa3bb8aae27d013817e02c41 /pages | |
parent | fa1f447bd0eaf9d27b6af407f90477b81e70b358 (diff) | |
download | lustre-c7df826e1023809a6bd3521d472a3d24a80d6146.tar.gz lustre-c7df826e1023809a6bd3521d472a3d24a80d6146.zip |
:construction: Scaffold out what a cheatsheet might look like.
Diffstat (limited to 'pages')
-rw-r--r-- | pages/reference/for-react-devs.md | 62 |
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). |