Skip to main content

Introduction

Mongez File System Structure is not faraway from CRA structure.

Let's have a quick look about a proper file system tree structure.

โ”œโ”€โ”€ publicโ”‚   โ”œโ”€โ”€ index.htmlโ”‚   โ”œโ”€โ”€ other-filesโ”œโ”€โ”€ srcโ”‚   โ”œโ”€โ”€ index.tsโ”‚   โ”œโ”€โ”€ appsโ”‚   โ”œโ”€โ”€ sharedโ”‚   โ”‚   โ””โ”€โ”€ assetsโ”‚   โ”‚   โ””โ”€โ”€ localesโ”‚   โ”‚   โ”‚   โ””โ”€โ”€ ar.tsโ”‚   โ”‚   โ”‚   โ””โ”€โ”€ en.tsโ”‚   โ”‚   โ”‚   โ””โ”€โ”€ localeCode.tsโ”‚   โ”‚   โ””โ”€โ”€ apps-list.tsโ”‚   โ”‚   โ””โ”€โ”€ config.tsโ”‚   โ”‚   โ””โ”€โ”€ shared-provider.tsโ”‚   โ”‚   โ””โ”€โ”€ style-settings.tsโ”œโ”€โ”€ .envโ”œโ”€โ”€ package.jsonโ”œโ”€โ”€ README.mdโ”œโ”€โ”€ tsconfig.jsonโ””โ”€โ”€ yarn.lock

Let's chunk it into smaller pieces.

Basic Files/Directoies#

public | tsconfig.json | yarn.lock README.md are the same basic presented structure with the created project.

Dot Env File#

.env has its own documentation from here.

Package.json File#

package.json also in the Project Preparation section

Apps Directory#

Here where all of your applications list can be settled safely, find out more about the apps directory from here.

Shared Directory#

This can be called the Shared Application which means you set everything that can be used amung different apps so you don't get your data | code | files duplicated.

Find out more from here