Description
In this course, you will :
- From the ground up, become an advanced, confident, and modern React developer.
- Create 8+ stunning projects, including one MASSIVE professional real-world app.
- Work with libraries and tools used in professional projects to become job-ready.
- Consider yourself as a seasoned React engineer with sophisticated design patterns.
- Fundamentals of React: components, JSX, props, events, state, and forms.
- State management entails considering state, where to place it, local vs. global, and UI vs. remote.
- Create reusable, modular, and versatile components.
- Understand the perplexing but critical applicationOnce and for all, effect hook.
- Create a plethora of unique hooks that can be reused in future projects.
- Create single-page applications with React Router (v6.4+ with data loading).
- Use memo, useMemo, useCallback, and code splitting to improve performance.
- React advanced features include useReducer, Context API, cloneElement, portals, and so on.
- Redux, Redux Toolkit, Thunks, and React Query provide advanced state management.
- Create realistic app features such as authentication, data sorting, filtering, and pagination, dark mode, charts, and so on.
- Understand how React works in the background: virtual DOM, reconciliation, fibre tree, key prop, and so on.
- Tailwind CSS, CSS Modules, and Styled Components (CSS-in-JS) can be used to customise your apps.
- Many challenges, workouts, and practise projects will help you hone your talents.
Syllabus :
- PART 1: REACT FUNDAMENTALS [4 PROJECTS]
- A First Look at React
- [Optional] Review of Essential JavaScript for React
- Working With Components, Props, and JSX
- State, Events, and Forms: Interactive Components
- Thinking In React: State Management
- [Optional] Practice Project: Eat-'N-Split
- PART 2: INTERMEDIATE REACT [2 PROJECTS]
- Thinking in React: Components, Composition, and Reusability
- How React Works Behind the Scenes
- Effects and Data Fetching
- Custom Hooks, Refs, and More State
- [Optional] React Before Hooks: Class-Based React
- PART 3: ADVANCED REACT + REDUX [4 PROJECTS]
- The Advanced useReducer Hook
- React Router: Building Single-Page Applications (SPA)
- Advanced State Management: The Context API
- Performance Optimization and Advanced useEffect
- Redux and Modern Redux Toolkit (With Thunks)
- PART 4: PROFESSIONAL REACT DEVELOPMENT [2 PROJECTS]
- React Router With Data Loading (v6.4+)
- [Optional] Tailwind CSS Crash Course: Styling the App
- Adding Redux and Advanced React Router
- Setting Up Our Biggest Project + Styled Components
- Supabase Crash Course: Building a Back-End!
- React Query: Managing Remote State
- Advanced React Patterns
- [Optional] Implementing More Features: Authentication, Dark Mode, Dashboard, etc
- Deployment With Netlify and Vercel