MaritzaB / react-leaflet

Deploying a map with react and leaflet

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-leaflet

Para levantar la aplicación web con los datos de trayectorias de albatros de Laysan, corremos el siguiente comando:

$ make up

Other sources of information

  1. Para construir la imagen corremos:
$ docker build . --tag ejemplo-node
  1. Para correr el contenedor:
$ docker run --rm -it -p 5173:5173 --name react_vite --volume ${PWD}/app:/app ejemplo-node bash
  1. Listar los contenedores
$ docker container ls -la

Podemos desplegar la applicación ya sea con el instalador de npm o con el de yarn. En teoría npm tiene una mayor cantidad de módulos que yarn, lo que hace que el segundo sea más rápido. Es conveniente usar un solo instalador en cada proyecto para que no tengamos problemas de instalación.

Comandos para npm

$ npm create vite@latest
$ npm install
$ npm run dev

Comandos para yarn

$ yarn create vite
$ yarn
$ yarn dev

Might be useful:

Dockerizing a React application with NodeJS, Postgress n Nginx |dev & prod|

Introducción a Vite, + Deploy en Github Pages

NGINX Crash Course


Para la API REST

NodeJS Crea una REST API escalable y sostenible con Typescript y express


Mapas que podemos utilizar

JavaScript and TypeScript

Muchas veces el tipo de dato en JavaScript es de tipo any lo que causa mucho problema a nivel de servidores, sobre todo en el intercambio de información con servidores en JSON. Microsoft definió un nuevo lenguaje llamado TypeScript, lo que hace es que trata de solventar las limitantes de JS. De hecho lo que ocurre internamente cuando un código es escrito en JavaScript es que ocurre una transpilación (traducción de TS a JS).

Displaying a map with React - Leaflet

  1. Part 1
  2. Part 2
  3. Part 3

App en GitHub pages Tutorial react leaflet Ejemplo de GitHub Tutoriales Build maps with react leaflet Mapping with react leaflet Codesandbox Custom marker with React-Leaflet Custom marker cluster react leaflet

Customize react-leaflet map with Material UI and Boortstrap

Customize layers with material

About

Deploying a map with react and leaflet


Languages

Language:JavaScript 75.4%Language:CSS 11.1%Language:HTML 10.7%Language:Makefile 2.8%Language:Dockerfile 0.1%