Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cartodb/carto-react-template
CARTO for React. The best way to develop Location Intelligence (LI) Apps usign CARTO platform and React
https://github.com/cartodb/carto-react-template
carto deck-gl geospatial google-maps location-intelligence maps material-ui react
Last synced: about 1 month ago
JSON representation
CARTO for React. The best way to develop Location Intelligence (LI) Apps usign CARTO platform and React
- Host: GitHub
- URL: https://github.com/cartodb/carto-react-template
- Owner: CartoDB
- License: mit
- Created: 2020-09-28T16:26:25.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-01-09T10:13:12.000Z (about 1 year ago)
- Last Synced: 2024-12-16T20:42:47.410Z (about 1 month ago)
- Topics: carto, deck-gl, geospatial, google-maps, location-intelligence, maps, material-ui, react
- Language: JavaScript
- Homepage: https://sample-app-react.carto.com
- Size: 1.93 MB
- Stars: 39
- Watchers: 17
- Forks: 26
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.MD
Awesome Lists containing this project
README
# CARTO for React
Welcome to CARTO for React! The best way to develop Location Intelligence (LI) Apps using CARTO platform + React + deck.gl.
You can see for yourself how easy it is to create an application in this [video](https://www.youtube.com/watch?v=G_BeSZPD2EQ).
It is based on the most popular toolchain, [Create React App](https://create-react-app.dev/), and it will allow you to start with a well designed structure following the best practices for modern frontend development and an integrated toolchain for testing, building and deploying your application.
**@carto/cra-template-base-3 (basic template for CARTO 3)**
**@carto/cra-template-base-3-typescript (basic template for CARTO 3 with TypeScript)**
**@carto/cra-template-sample-app-3 (sample app template for CARTO 3)**
## Getting started
The basic prerequisite for using Create React App is to have a package manager ([npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/)) previously installed. `yarn` is preferred for developers contributing to the projects, as it will ensure a better integration with external libs.
To download our basic template for create-react-app and kickstart your application, just type the following command:
npm:
```bash
npx create-react-app my-app --template @carto/base-3
```
Yarn:
```bash
yarn create react-app my-app --template @carto/base-3
```
Note: that's the version corresponding to CARTO 3 (latest, recommended), but there are also other templates mentioned above.
Then you can start the development server:
npm:
```bash
cd my-app
npm start
```
Yarn:
```bash
cd my-app
yarn start
```
A full [Sample Application](#sample-application) with the most common functionality, deployed from the sample-app-3 template, is available at https://sample-app-react.carto.com
---
**Want to know more about it?**
Visit the [CARTO for React](https://docs.carto.com/react/) documentation page for more details, guides and a reference.