React App Basic

Installation

npm i --save-dev webpack
                 webpack-cli
                 webpack-dev-server
npm i --save-dev typescript
                 tslint
                 ts-loader
npm i --save-dev babel-loader
                 @babel/preset-env
                 @babel/core
                 @babel/plugin-transform-runtime
                 @babel/preset-react
                 @babel/preset-typescript
                 @babel/runtime
                 @babel/cli

npm i react react-dom
npm i --save-dev @types/react @types/react-dom

Process:

• Create public folder, inside create index.html
• Create tslint.json
• Create tsconfig.json
• Create index.tsx
• Create app.tsx
• Create webpack.config.js
• Create .babelrc
• Add sourcemaps
• Setup lazy loading
• Setup Service calls
• Create Jest tests

To be added:

• Setup service mocking
• Setup test mocking
• Setup forms
• Setup styling or material ui
• Setup redux
• Setup context

Additional packages

Click on the links below to view additional information about these packages

• axios
• formik & yup
• Matieral UI
• Jest
• Prismjs

To be added:

• moment
• date-fns
• firebase
• graphql
• lodash
• pusher-js
• notistack
• recharts
• keycloak
• ck-editor