- JS Library vs Framework
- Client side frameworks - https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks
- Webpack - https://ui.dev/webpack/
- Polyfills - https://ui.dev/compiling-polyfills/
- Babel - https://babeljs.io/repl
Go through the following articles for a good understanding of the topic. You do not need to implement anything.
- JavaScript Transpilers: What They Are & Why We Need Them
- Using Vite to create a new React app
- React Developer Tools
- Programming with Mosh - This is a simple introduction to React
- Traversy Media - This includes introduction and more stuff like routing etc.
4. Read the following sections from official docs and practice the challenges at the end of each sub-section
- Describing the UI
- Adding Interactivity
- Also go through this The Interactive Guide to Rendering in React
This is a good reference for all the react hooks - Codevolution playlist
Points to focus on when building this project
- Code quality - spell check, code convetions, code formatting - eslint and prettied enabled
- Separating out different components
- Building reusable components if feasible
- Ensuring component state doesn't contain derived data
- Controlled vs Un-controlled components
- Repo https://gitlab.com/mountblue/js/rest-countries
6. Read the following sections from official docs and practice the challenges at the end of each sub-section
Points to focus on when building this project
- Code quality - spell check, code convetions, code formatting - eslint and prettied enabled
- Separating out different components
- Building reusable components if feasible
- Ensuring component state doesn't contain derived data
- Controlled vs Un-controlled components
- Project description: https://rentry.co/nsqq2wos
Implement useReducer for Trello project in a different git branch. Understand the difference b/w useState vs useReducer vs useContext
Implement redux toolkit for Trello project in a different git branch. Understand the difference b/w useReducer vs useState vs Redux. Points to focus on:
- Should we move all the state to redux ?
- What kind of state should we not move to redux ?