Initialize the React App
Closed this issue · 0 comments
ashuvssut commented
Key Deliverables
- Remove all previous code-related files of the dummy-site. Retained the logo.png and rituraj-jain.jpg (rename and keep it organized in
src/assets
. - add favicon.ico and a Preloader too.
- use SCSS (
npm i scss
previously known asdart-scss
) to centralize repeatable CSS and Colors. It prevents rendering of the same code again and again. Using SCSS, throughout the website we will be able to use only a set of predefined colors provided in _color.scss. This will help maintain a color consistency and thus, it will set a "color theme" for the website - Follow Proper File structure. Create a FILE-STRUCTURE.md. Implement boiler Plate code within each and every file.
- implement SEO using "react-helmet".
- App.jsx should redirect all invalid routes to 404 page.
- Header and Footer components should be imported in App.jsx such that Header and Footer will appear in all pages except the 404 page
- Implement Code splitting in App.jsx. Code-splitting enables bundling of different pages. Thus, when a user requests a particular page, only the code bundle required to load that page is downloaded. This increases the Load time of the webapp significantly 😍😍