\n\nData and Analytics @DHI (former GRAS) mobile-friendly boilerplate for map-centric apps. The npm package can be found [here](https://www.npmjs.com/package/@dhi-gras/react-components)\n\nThis package is created using [TypeScript](https://www.typescriptlang.org/), [MuI](https://mui.com/material-ui/getting-started/overview/), [React-map-gl](https://visgl.github.io/react-map-gl/), [Deck.gl](https://deck.gl/) and [@dhi/react-components-lab](https://storybookpro.z6.web.core.windows.net)\n\n# Quick overview\n\nYou can simply import the package using `npx`.\n\n```\n// with npx using the latest stable version\nnpx gras-react-boilerplate my-app\ncd my-app\nnpm start\n```\n\nIf you've previously installed gras-react-boilerplate globally via `npm install -g @dhi-gras/gras-react-boilerplate`, we recommend you to uninstall the package using `npm uninstall -g @dhi-gras/gras-react-boilerplate` or `yarn global remove @dhi-gras/gras-react-boilerplate` to ensure that `npx` always uses the latest version.\n\n# Flags\n\n- *`--app-name=` - specifies the folder name and it will also be used when creating the folder.\n- `--storage-account=` - specifies the storage account name to be used in \"azureDeployConfig\". [Read more about it here](https://github.com/DHI-GRAS/azure-multi-deploy-action#azure-multi-deploy-action)\n- `--resource-group=` - specifies the resource group name corresponding to the storage account to be created.\n- `--install` - Installs the dependencies using yarn once the boilerplate is set up.\n- `--vscode` - It opens up the created folder in vscode using the command `code`\n- `--npm` - By default, the package is installed using **yarn**. Specifies if the app should be installed using npm instead. \n\n\n# Creating an App\n\nTo create a new app, you may choose one of the following methods:\n\n### NPM\n\n```\nnpm install @dhi-gras/gras-react-boilerplate -g\n\n// and then use it as\ngras-react-boilerplate --app-name=my-app\n```\n\n### Yarn\n\n```\nyarn global add @dhi-gras/gras-react-boilerplate\n\n// and use it as\ngras-react-boilerplate --app-name=my-app\n```\n\nIt will create a directory called \"my-app\" inside the current folder.\nInside the directory, it will generate the initial project structure and install the dependencies.\n\n```\ncd my-app\n```\n\n# Project structure\n\n```\nmy-app\n├── .github\n│ └── workflows\n│ └── workflow.yml\n├── README.md\n├── node_modules\n├── package.json\n├── yarn.lock\n├── tsconfig.json\n├── .gitignore\n├── .editorconfig\n├── .eslintrc.yml\n└── src\n ├── app\n ├── app-screen\n ├── common\n ├── dark-mode\n ├── error-screen\n ├── map\n └── navigation\n```\n\n# Getting started\n\nInside the newly created project, you can run:\n\n### `yarn start`\n\nRuns the app in development mode. \nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n### `yarn build`\n\nBuilds the app for production to the `dist` folder. \nIt correctly bundles React in production mode and optimizes the build for the best performance.\n","readmeFilename":"README.md"}
![\"Dhi-GRAS](\"https://grasdatastorage.blob.core.windows.net/images/DHI_GRAS_Logo_Pos_RGB.png\"){kind=logo}