diff options
Diffstat (limited to 'pages/reference/for-react-devs.md')
| -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). |