Typescript Setup in Project

Need to install some packages
                  
                  //Run following commnad in project terminal
                    npm install typescript --save-dev
                    npm install webpack webpack-cli ts-loader
                    npm install nodemon ts-node --save-dev
                    tsc --init
                    touch src/app.ts && tsc --init
                    tsc -w
                    tsc -watch src/app.ts
                    nodemon src/app.ts
                  
                

Setup tsconfig.json file

Set configuration in tsconfig.json file
                  
                    {
                      "extends": "@tsconfig/react-native/tsconfig.json",
                      "compilerOptions": {
                        "baseUrl": "./",
                        "paths": {
                          "*": ["src/*"],
                          "@screens/*": ["src/screens/*"],
                          "@components/*": ["src/templates/*"],
                          "@utils/*": ["src/utils/*"],
                          "@constants": ["src/constants/*"],
                          "@context": ["src/context'/*"],
                          "@helper": ["src/helper/*"],
                          "@locales": ["src/locales'/*"],
                        },
                        "types": ["node", "jest"],
                        /* Basic Options */
                        "target": "es6" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
                        "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
                        // "lib": [],                             /* Specify library files to be included in the compilation. */
                        // "allowJs": true,                       /* Allow javascript files to be compiled. */
                        // "checkJs": true,                       /* Report errors in .js files. */
                        "jsx": "react-native" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
                        // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
                        "sourceMap": true,                        /* Generates corresponding '.map' file. */
                        // "outFile": "./",                       /* Concatenate and emit output to single file. */
                        // "outDir": "./",                        /* Redirect output structure to the directory. */
                        "rootDir": "./dist",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
                        // "removeComments": true,                /* Do not emit comments to output. */
                        "noEmit": true /* Do not emit outputs. */,
                        "importHelpers": true /* Import emit helpers from 'tslib'. */,
                        // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
                        "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,

                        /* Strict Type-Checking Options */
                        "strict": true /* Enable all strict type-checking options. */,
                        "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,
                        "strictNullChecks": true /* Enable strict null checks. */,
                        "strictFunctionTypes": true /* Enable strict checking of function types. */,
                        "strictPropertyInitialization": true /* Enable strict checking of property initialization in classes. */,
                        "noImplicitThis": true /* Raise error on 'this' expressions with an implied 'any' type. */,
                        "alwaysStrict": true /* Parse in strict mode and emit "use strict" for each source file. */,

                        /* Additional Checks */
                        "noUnusedLocals": true /* Report errors on unused locals. */,
                        "noUnusedParameters": true /* Report errors on unused parameters. */,
                        // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
                        // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */

                        /* Module Resolution Options */
                        "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
                        //"baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
                        // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
                        // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
                        // "typeRoots": [],
                        // "types": [],
                        "allowSyntheticDefaultImports": true,
                        "esModuleInterop": true,
                        "skipLibCheck": false,
                        "resolveJsonModule": true,
                        /* Experimental Options */
                        "experimentalDecorators": true /* Enables experimental support for ES7 decorators. */,
                        "emitDecoratorMetadata": true /* Enables experimental support for emitting type metadata for decorators. */
                      },
                      "include": ["src/**/*"]
                    }