React Basics
- managing the local state (useState, useEffect)
- managing global state(useContext)
- map, reduce, filter
- working with jsx Intermediate
- DOM and efficiency (useRef, useMemo/useCallback)
- better global state(useReducer)
Bootstrap We are suppose to use only the layout part of bootstrap i.e, only css classes ..no javascript
- margin, padding classes (covering 3 screen layouts, lg, md, and 'default', default is mobile, md is medium devices i.e, tabs, lg is large devices i.e, computers.. you can have anything in between, but starts with default, then goes to md and lg for responsiveness)
- flex ( all flex alignments and such classes, includes basic knowledge of justify, align with content & items separately)
- grid ( the 12-column layout of bootstrap is helpful for taking over simple layouts)
Other basic libraries include
- Swiper for carousels
- framer-motion for animations
- react-three-fiber for 3d websites
- & many more
Backend Express.js or Nest.js Basics
- Get, Post APIs
- CRUD with mongoose
Will update this list as per
Additionally, https://gist.github.com/hrithikwins/d3c69d503a1b99357c879c7d74dad0b9
https://gist.github.com/hrithikwins/8ac4ebf95dc67116cebac71b575085e2 Assuming this to be still relevant
https://reactjs.org/docs/hooks-rules.html
https://medium.com/nextjs/how-to-add-bootstrap-in-next-js-de997371fd9c The first method
https://mui.com/getting-started/installation/
https://nextjs.org/docs/deployment
https://github.com/hrithikwins/desicover-react-1
This one's for reference