Front-end module project structure
Before starting with the Module code, ensure your local development environment is set up. You can refer to the local development setup guide link given below for detailed instructions.
Download the UI code from the link here Digit-Frontend. if not done earlier
Follow the steps given below to create the project structure.
Once you have cloned the repository from Digit-Frontend, do the following.
Go to micro-ui-internals → packages → modules
.
Create a new folder with module's name , For example (Sample).
Create a folder called src and add the components , configs, hooks and pages inside that.
The project structure should be as in the image below:
After creating the new Sample
module, we need to create a package.json
file for the module, specifying the module name, version, scripts, and required dependencies.
Refer to the file here - Package.json
The next step is to initialise the Dependency, refer here to learn more about the setup