From c7df826e1023809a6bd3521d472a3d24a80d6146 Mon Sep 17 00:00:00 2001 From: Hayleigh Thompson Date: Fri, 5 Apr 2024 19:54:52 +0100 Subject: :construction: Scaffold out what a cheatsheet might look like. --- pages/reference/for-react-devs.md | 62 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 pages/reference/for-react-devs.md 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). -- cgit v1.2.3