@_neronotte/cra-template-dataverse-webresource-form v1.0.4
cra-template-dataverse-webresource-form
If you want to create a DataVerse WebResource that leverages React, Typescript and Fluent UI, the activities and skils needed to setup the project are often much more complicated that the actual implementation of the webresource.
The aim of this package is to automate the activities needed to startup a simple DataVerse WebResource project, allowing developers to focus on the actual webresource content.
This package is designed to streamline development of WebResources embedded into model driven app forms. For WebResources accessed elsewhere, use @_neronotte/cra-template-dataverse-webresource.
Usage
The package content is a custom template for create-react-app.
To start, open a console and type:
npx create-react-app <your-webresource-name> --template @_neronotte/cra-template-dataverse-webresource-formReplace <your-webresource-name> with the name of your webresource.
Once the template has been installed, move in the .\<your-webresource-name> folder and:
- Change the value of the title tag of the
./public/index.htmlpage to provide a meaningful title for your webresource. - Update
./src/App.tsxfile, the entry point of your custom webresource. - Calculate the path of the folder where you want to save the build outputs, relative to the one of the current package, search for all the occurrence of the
<output path>string and replace it with the calculated path (there should be 3 occurrences, one in theconfig-overrides.jsfile, 3 in thescriptssection ofpackage.jsonfile)