Page Module Improvement

Get Started. It's Free
or sign up with your email address
Page Module Improvement by Mind Map: Page Module Improvement

1. Performance

1.1. Vertical Bundle https://i.ibb.co/qL8xFRz/Screen-Shot-2021-10-12-at-16-20-37.png

1.1.1. Enable Tree Shaking support

1.1.1.1. Add a "sideEffects" property to package.json file.

1.1.1.2. Use ES2015 module syntax

1.2. Library Bundle https://i.ibb.co/h9KmVNz/Screen-Shot-2021-10-13-at-09-37-08.png

1.2.1. React UI

1.2.1.1. Remove Lottie Library

1.2.1.1.1. Is there any issue to upgrade > v4.1.8 ?

1.2.1.2. Optimize Icon component

1.2.1.2.1. Update Passport Icon

1.2.1.2.2. Migrate local icon to passport icon

1.2.2. React Component

1.2.2.1. Remove Lottie Library

1.2.2.1.1. Listing down all the animation components

1.2.2.1.2. Migrate lottie animation to another format (svg/gif/mp4)

1.2.2.2. Remove Icons component

1.2.2.2.1. Discuss with DS team regarding removal plan

1.2.2.2.2. Need coordination to the FE teams

1.2.3. Optimize usage of moment js

1.2.4. Take a look peer dependencies opportunities

2. SEO/Server Side Rendering

2.1. implement react-ssr-prepass

2.1.1. Update useRequest hooks to throw promise

2.1.2. Need to implement await ssrPrepass(element) in the vertical side