This is a continuation of the frontend career plan, please take that into account.
| Title | Description | Level | Resources | ||
| React | vite | 1 | IWA: Vite.mp4 Vite - IWA Ejercicio: 02 - Vite - IWA Vite 2.0 Crash Course “ | Super Fast Build Tool for JavaScript, React, Vue, Svelte, & Lit (2021) - YouTube | |
| React | functional component | 1 | Presentational and Container Components “ | by Dan Abramov “ | Medium |
| React | jsx | 1 | IWA: JSX.mp4 JSX - IWA Ejercicio: 08 - JSX - IWA Writing Markup with JSX – React | ||
| React | props vs state | 1 | IWA: Props & events.mp4 Props & Events - IWA State: A Component’s Memory – React (hacer ejercicios) | ||
| React | composition | 1 | React Component Composition | ||
| React | basic hooks | 1 | IWA: Hooks.mp4 Hooks - IWA Ejercicio: 08 - Hooks - IWA Built-in React Hooks | ||
| React | React router | 1 | IWA: Router.mp4 React Router - IWA Ejercicio: 08 - Router - IWA Tutorial v6.21.3 “ | React Router | |
| React | high order components | 2 | Higher-Order Components – React (for legacy only) | ||
| React | events | 2 | Responding to Events – React | ||
| React | jest/vitest | 2 | Testing with Vitest FREE COURSE ⚡️ more: Getting Started “ | Guide “ | Vitest (hacer ejercicios con configuracion) |
| React | react testing library | 2 | IWA: Test.mp4 React Testing Library Tutorial more: API “ | Testing Library | |
| React | react form | 2 | How to use Forms in React | ||
| React | useCallback | 2 | useCallback – React | ||
| React | useContext | 2 | useContext – React more: https://globant.udemy.com/course/react-the-complete-guide-incl-redux/ (react’s context api & usereducer) | ||
| React | custom hooks | 2 | Reusing Logic with Custom Hooks – React (hacer ejercicios) | ||
| React | style components | 2 | Styled Components Crash Course & Project styled-components: Basics (demostrar con ejemplos) best practices: Styled Components Best Practices | ||
| React | useReducer | 2 | useReducer – React (hacer ejercicios) | ||
| React | material UI | 2 | MUI5 (Material UI) Crash Course - YouTube (demostrar con ejemplos) | ||
| React | i18n/i18next | 2 | i18next Crash Course “ | the JavaScript i18n framework | |
| React | state management | 3 | IWA: State centralizado.mp4 Global State - IWA - State.mp4 State - IWA How to use React State | ||
| React | suspense | 3 | |||
| React | error boundaries | 3 | Component – React | ||
| React | useMemo | 3 | memo – React | ||
| React | storybook | 3 | Install Storybook • Storybook docs (todo el get started) | ||
| React | redux | 3 | Complete Tutorial (with Redux Toolkit) - YouTube | ||
| React | react query | 3 | React Query Tutorial for Beginners - YouTube | ||
| React | useRef | 4 | Manipulating the DOM with Refs – React (hacer ejercicios) | ||
| React | portals | 4 | createPortal – React (hacer ejercicios) | ||
| React | Profiler | 5 |