Note: This resource section only makes sense if you have watched the course lectures otherwise you will see random points and multiple links.

Includes: Reference links, reading material, cheat-sheet PDFs, exercises and more.

Documentations:

https://react.dev/

• React Installation: https://blog.unwiredlearning.com/react-installation StackBlitz: https://stackblitz.com/fork/react

Note: If you are facing issues/errors with Create React App, make sure to use Set React App. Set React App works in the same way, with the primary difference being that it uses the .jsx file format instead of .js.

• Extensions:

• ES7 React Snippet, Auto Import, Material Icon Theme, Simple React Snippets

• Theme (File > Preferences > Color Theme)

• Settings ((Ctrl) + ,) Search "emmet include languages", item: javascript, value: javascriptreact (and then hit ok)

• Settings ((Ctrl) + ,) Search “Sticky Scroll” > Check Enable

• Common Doubts:

• Module not found: Error: Can't resolve 'web-vitals’ Solution: Install web-vitals, npm install --save-dev web-vitals https://stackoverflow.com/a/73848783/7846238

• How To Use Specific React Version With CRA: https://stackoverflow.com/a/72685421/7846238

• Axios vs Fetch https://stackoverflow.com/a/50326744/7846238

• json-server version preference 0.17.4

Code Files,

• Lecture code files and resources: https://github.com/ShubhamSarda/react-ul

Project Demo:

• Taskmate: https://taskmate-ul.netlify.app | https://github.com/ShubhamSarda/taskmate-react
• Cinemate: https://cinemate-ul.netlify.app | https://github.com/ShubhamSarda/cinemate
• Shopmate (Context Reducer): https://shopmatecr-ul.netlify.app | ‣