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

cleanup examples

Browse Source
This commit is contained in:
Anton Tranelis 2025-01-24 12:33:55 +00:00
parent 3afb9f184b
commit 44fbefe53c
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
# 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.
With this example we learn 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"
@ -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.
In [Example 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.
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"