\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 5.16How to Split Reducers and Use combineReducers in Redux
Course Thumbnail of Fullstack React with TypeScript Masterclass.Fullstack React with TypeScript Masterclass
  • MODULE 1
    Introduction
    • LESSON 1.1Course introduction
    • LESSON 1.2How to get the most out of this course
    • LESSON 1.3What is TypeScript? An Intro to Using Types in Your Code
    • LESSON 1.4The Best Reasons to Use TypeScript With React—and a Caution
  • MODULE 2
    Your First React and TypeScript Application: Building Trello with Drag and Drop
    • LESSON 2.1Introduction
    • LESSON 2.2What we are building and prerequisites
    • LESSON 2.3How to Bootstrap a React TypeScript App With create-react-app
    • LESSON 2.4How to Define Global Styles in a React App
    • LESSON 2.5Style React Elements With CSS, Element Styles, and Libraries
    • LESSON 2.6How to Define Styled Components in React
    • LESSON 2.7How to Create a React Column Component Layout
    • LESSON 2.8How to Create a Card in React With Styled Components
    • LESSON 2.9Build a Button That Turns Into a Text Field to Add New Items
    • LESSON 2.10How to Create a React Form Component
    • LESSON 2.11How to Automatically Focus on Input Fields With React refs
    • LESSON 2.12How to Submit New Items on Enter With React onKeyPress
    • LESSON 2.13A useReducer Guide: How to Add Interactivity With React Context
    • LESSON 2.14How to Implement React Global State With useContext
    • LESSON 2.15Define Business Logic in a React App With Actions and Reducers
    • LESSON 2.16How to Create Movable Elements in a React App
    • LESSON 2.17How to Build Drag-and-Drop Components With React DnD
    • LESSON 2.18How to Store a Drag-and-Drop Item's State in React AppState
    • LESSON 2.19Building Drag-and-Drop Logic in React With DnD's useDrag Hook
    • LESSON 2.20How to Build a Draggable React Column Layout
    • LESSON 2.21How to Hide an Original Element While Dragging it in React
    • LESSON 2.22Build a Custom React Element to Preview While Dragging in DnD
    • LESSON 2.23How to Build a Drag-and-Drop Card Interface in React
    • LESSON 2.24How to Update State in a React Reducer to Store Moved Items
    • LESSON 2.25How to Move Drag-and-Drop Cards Into Empty Columns
    • LESSON 2.26How to Save React Element State on the Backend Server
    • LESSON 2.27An Intro to Building React APIs and Higher Order Components
  • MODULE 3
    How to Test Your Applications: Testing a Digital Goods Store
    • LESSON 3.1How to test your applications: testing a digital goods store introduction