To learn more, visit the TypeScript documentation page at https://www.typescriptlang.org/docs/handbook/basic-types.html
To learn more, visit the documentation page at https://reactjs.org/.
To learn more, visit the documentation page at https://www.apollographql.com/docs/react/.
To learn more, visit the documentation page at https://webpack.js.org/concepts/.
To learn more, visit the documentation page at https://jestjs.io/docs/en/getting-started.
Start the development server
m . /integrates/front
The changes will be reflected as you edit and save the code. If it can't be instantly applied, the server will perform a full reload on the page you are working.
You can read more about this functionality here: https://webpack.js.org/concepts/hot-module-replacement/
NOTE: Google Chrome might cause trouble because of invalid https certificates in localhost. If the bundle fails to load, you can go to chrome://flags/#allow-insecure-localhost and enable that flag
Lint your code
You have the option to lint in real time (with ESLint) and fix on save, by following the next steps:
Download the VScode eslint extension
Go to settings.json in vscode and add these rules:
// This tells the extension to lookup for node_modules in the front directory.
// This allows you to autofix linting errors on save.
Test your code