YoVDO

Intermediate React, v5

Offered By: Frontend Masters

Tags

React Courses Web Development Courses Typescript Courses Redux Courses Server-Side Rendering Courses Code Splitting Courses CSS-in-JS Courses

Course Description

Overview

Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This course is modular, where you can pick and choose various react ecosystems you want to learn. You’ll learn hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering, add TypeScript, state management with Redux, test your app with Jest …and more!

Syllabus

  • Introduction
  • Code Setup
  • useState
  • useEffect
  • useContext
  • useRef
  • useReducer
  • useMemo
  • useCallback
  • useLayoutEffect
  • useImperativeHandle
  • useDebugValue & useId
  • CSS & React
  • Basics & Gradients
  • CSS Libraries
  • Layout Basics
  • Tailwind Plugins
  • Grid & Breakpoints
  • Positioning
  • Code Splitting
  • Server Side Rendering Overview
  • Server Side Rendering
  • Streaming Markup
  • TypeScript Setup
  • Refactor Modal
  • TypeScript & ESLint
  • ThemeContext
  • Refactor Details
  • ErrorBoundary, Carousel & Pet
  • Typing a Custom Hook
  • Typing a Function Component
  • Refactor Results & Add a Type Check Script
  • TypeScript Discussion
  • Redux
  • Reducers
  • Action Creators
  • Providers
  • Dispatching Actions
  • Redux Dev Tools
  • Setup Jest & Testing Library
  • Basic React Testing
  • Testing UI Interactions
  • Testing Custom Hooks
  • Mocks
  • Snapshots
  • Test Coverage with Istanbul
  • Wrapping Up

Taught by

Brian Holt

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity