Skip to content

A CLI tool that creates a new React project connected to the GoodData platform

License

Notifications You must be signed in to change notification settings

gooddata/gooddata-create-gooddata-react-app

Repository files navigation

gooddata-create-gooddata-react-app

(c) 2019-2022 GoodData Corporation This repository is under the BSD-3-clause license available in the LICENSE file and includes additional third party packages under separate open source licenses as specified in the NOTICES file.

This package is deprecated and is no longer recommended for use. We suggest using npx @gooddata/app-toolkit@latest init as a suitable replacement.

For additional information, please refer to the quick start guide.

GoodData Create React App

This is a CLI tool that creates a new React project with a proxy set up to connect to your projects on the GoodData platform. The new app features some widgets and helpers that could come in handy. The app is built on top of Create React App. For more info see Create React App documentation.

How to use

To create a project called my-app, run this in your terminal:

npx @gooddata/create-gooddata-react-app@latest my-app

Then follow the instructions provided by the CLI.

When navigating to your application using an IP address instead of localhost, you may run into 401 errors while trying to log in. This is due to proxying and cookie rewriting rules that the generated application uses to get around CORS. Use localhost instead of IP addresses to access the application because the development server rewrites GDC cookies to be for localhost.

NOTE: We use yarn dependency manager. To install it, follow its documentation. If you don't want to use yarn, provide the --no-install flag like npx @gooddata/create-gooddata-react-app@latest my-app --no-install . This will skip calling yarn install and you will have to manually install the dependencies of the created app. Please note that we do not provide package-lock.json so the application may not work properly when dependencies are installed using npm.

CLI usage

@gooddata/create-gooddata-react-app supports several optional flags:

  • --hostname <hostname> URL of your GoodData host
  • -c, --config <config> path to configuration file (see below)
  • --no-install skip yarn installing the app dependencies
  • --verbose output additional logs, useful mainly for debugging and bug reports
  • -h, --help output usage information
  • --backend <backend> switch backend to a desired one (default: bear)
  • --flavor <flavor> desired flavor of the application: js for JavaScript, ts for TypeScript

Configuration file

The configuration file has the following structure:

{
    "hostname": "(Required) URL of the project hosted, e.g., https://developer.na.gooddata.com",
    "appName": "(Optional) name of the app to use",
    "flavor": "(Optional) flavor of the app, e.g., js for JavaScript, ts for TypeScript (default: js)"
}

Prerequisites

Before running @gooddata/create-gooddata-react-app, please make sure that you have all compatible technologies installed on your device.

Troubleshooting

In case there are errors while running @gooddata/create-gooddata-react-app, please try these steps.

Remove older versions

Sometimes having older versions of @gooddata/create-gooddata-react-app can cause errors. In that case please remove any previously installed versions by running

npm uninstall -g @gooddata/create-gooddata-react-app
yarn global remove @gooddata/create-gooddata-react-app

Enable verbose output

You can increase the logging level of @gooddata/create-gooddata-react-app my-app by providing the --verbose flag like

npx @gooddata/create-gooddata-react-app@latest my-app --verbose

Internet Explorer

Internet Explorer 11 is no longer supported.