A skeleton react webresource for Dynamics 365 crm in typescript
Develop a crm ready webresource in react with typescript.
- hot reloading
- the crm odata enpoint exposed to your localhost while developing
prerequisits
A dyn365 instance is enough.
However, the developer experience is best if the dyn365-deploy-cli is used
installation
Stand inside your project root:
npm install -g yo generator-react-crm
give your web resource a name and a namespace. Give the crm-proxy a unused port
If you have a project.json and/or a tsconfig.json in your project root those files will be edited. Nothing will be overwritten but some configurations till be added. You´ll be prompted if there is a conflict
if the dyn365-deploy-cli is used, start the dev server:
npm run start-your-name
This will start webpack-dev-server with the newly created webpack config with the same name as your resource in the project root
It will also start the crm-proxy with the credentials configuration from the dyn365-deploy-cli
A small example is provided on how you can query the crm odata endpoint from your localhost
when the time comes to upload you webresource to crm, run:
npm run deploy-your-name
this will transpile the "project" with the build configuration and upload all files to crm. Now it´s ready to be iframed onto a form. No calls to the crm-proxy will occur. All calls will be to the actual odata endpoint