Chrome dev tools feedback

bahim22 commented 2 years ago

X content type Possible fix with output '/dist/' Change content to text/js
- after more R&D I'm going to keep the project simple (less involved babel and eslint configs) and use merge with dev prod and common webpack configs. Use html plugin for index, put into dist folder.
After running multiple dev server, bundle analyzer and source maps I found a good mix of plugins for optimization.
implement lazy loading for components
Remove extra dep such as styling with multiple css libraries and convert to use mui

bahim22 commented 2 years ago

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

Add other attr to content as well,

X-Content-Type-Options: sniff

Html WP plug-in: reread inject info

Webpack

path: path.resolve shouldn't have './'
ex. only 'src', 'index.js'
Don't include './' in filename either
Fix these issues for images
When mapping through an objects values put the image in img div with className attributes from css and src from prop
Move and separate data and child components
Add the server dir from my nodemailer project
Put babel plugin transform react jsx back

bahim22 commented 2 years ago

made adjustments based on continued readings and chrome/react dev tool sessions
edited info for .npmrc, chrome, brew and bash config
made edits for babel config, components that had issue w/ data and array mapping
used and analyzed bundle plugin

Reference next steps in seperate issue and Jira

bahim22 / rxt-portfo-3