Skip to content

Commit

Permalink
update to react 19 stable
Browse files Browse the repository at this point in the history
  • Loading branch information
omarkawach committed Dec 9, 2024
1 parent 45a4dc2 commit 9904670
Show file tree
Hide file tree
Showing 13 changed files with 3,122 additions and 10,852 deletions.
10,206 changes: 2,648 additions & 7,558 deletions package-lock.json

Large diffs are not rendered by default.

9 changes: 4 additions & 5 deletions samples/react-blogs/README.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,24 @@
# Using map web component in blogs

This root folder contains two very simple blog-style pages that use the `mplibre-point-map` to display a simple map. The goal is to show the a simple but clear example of using custom map web components in a blog site and inspire more exciting future works of including map as web components in non-GIS pages.
This folder contains a simple blog-style page that use the `mplibre-point-map` to display a simple map. The goal is to show the a simple but clear example of using custom map web components in a blog site and inspire more exciting future works of including map as web components in non-GIS pages.

### Technologies in the two blogs:
## Technologies in the two blogs:

- Blog: [MDX](https://mdxjs.com/)
- Framework: React 19 with Vite
- using [React 19](https://vercel.com/blog/whats-new-in-react-19) for it's better suppot in components without React wrapper
- combined MDX support with [`@mdx-js/rollup`](https://mdxjs.com/packages/rollup/)

### Get started:
## Get started:

- Run `npm install` in the root directory
- Build `@omar/mlibre` in the root directory using `npm run build`
- Run `npm install` in this directory (i.e., `/sample`)
- Start the development server with `npm run dev`

![alt text](img/olympics.png)
![alt text](img/food.png)

### Further reading: using web components in WordPress
## Further reading: using web components in WordPress

WordPress is the leading Content Management System. You can also include custom web map components in WordPress, as shown in the [example](https://iadevelopment.wpengine.com/esri-european-developer-summit-berlin-2022-web-components-demo/)

Expand Down
38 changes: 0 additions & 38 deletions samples/react-blogs/eslint.config.js

This file was deleted.

13 changes: 0 additions & 13 deletions samples/react-blogs/food.html

This file was deleted.

Loading

0 comments on commit 9904670

Please sign in to comment.