antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #69 from utopia-os/antontranelis-patch-2

Browse Source 
docs(docu): cleanup-examples
This commit is contained in:
antontranelis 2025-01-24 12:37:04 +00:00 committed by GitHub
commit 48fccf0f71
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
examples/1-basic-map/README.md
View File

@ -1,8 +1,8 @@
# Tutorial 1: Basic Map
# Example 1: Basic Map
In this tutorial we learn how we create a basic React app with a Map component using [utopia-ui](https://github.com/utopia-os/utopia-ui) library.
In this example we see how we create a basic React app with a Map component using [utopia-ui](https://github.com/utopia-os/utopia-ui) library.
For this tutorial we use Vite to create an empty React app called "utopia-static-map"
For this example we use Vite to create an empty React app called "utopia-static-map"
```shell=
npm create vite@latest utopia-static-map -- --template react
@ -15,7 +15,7 @@ cd utopia-static-map
npm install utopia-ui
```
We open our `src/App.jsx` and we replace the content with
We open our `src/App.tsx` and we replace the content with
```jsx=
import { UtopiaMap } from "utopia-ui"
@ -39,4 +39,4 @@ npm run dev
And can open our first map app in the browser 🙂
In [Tutorial 2](../static-layers/) we gonna add some static data to our map
In [Tutorial 2](../2-static-layers/) we gonna add some static data to our map

8
examples/2-static-layers/README.md
View File

@ -1,8 +1,8 @@
# Tutorial 2: Static Layers
# Example 2: Static Layers
In [Tutorial 1](../1-basic-map) we learnd how we create a basic map app with [utopia-ui](https://github.com/utopia-os/utopia-ui). Now we add some static layer.
[Example 1](/1-basic-map) shows us how we create a basic map app with [utopia-ui](https://github.com/utopia-os/utopia-ui). Now we add some static layer.
First we put some sample data in a new file called `src/sample-data.js`
First we put some sample data in a new file called `src/sample-data.ts`
```javascript=
export const places = [{
@ -32,7 +32,7 @@ export const places = [{
We want to create two Layers. One we want to call *Places* and the other *Events*
we import our sample data to the `src/App.jsx`
we import our sample data to the `src/App.tsx`
```jsx=
import { events, places } from "./sample-data"