The Big Difference with Props
Explicit Component Type Annotations
Property 'children' does not exist
Annotations with Children
Type Inference with State
Quick Finish to the Example
Updated Install Command and Versions for React 18
Annotating the Return Type
Separate Interfaces for Actions
Applying Action Interfaces
Adding an Action Type Enum
A Better Way to Organize Code
Small Update for Try / Catch Block
Applying Typings to Dispatch
createStore Strikethrough in Code Editor
TypeScript Error When Dispatching Action
Calling an Action Creator
Awkward Typings Around React-Redux
Creating a Typed Selector
Crazy Numbers of Requests
Implementing a Caching Layer
Caching with Key-Value Pairs
Fixing a TypeScript Error
Breaking Up Resolve Logic With Filters
Refactoring to Multiple Plugins
Configuring the Correct Loader
Small Shortcoming with ESBuild
Tricking ESBuild's CSS Handling
Extracting Common Caching Logic
A Better Way of Loading WASM
Big Issues with Code Execution
How Do Others Solve This?
Different Execution Context
Breaking Access with Different Domains
How Do IFrames Fix Anything?
The Full Flow - How CodePen and CodeSandbox Work
Indirect Communication Between Frames
Passing Code to the IFrame
Issues with Repeat Execution
Resetting the IFrame Contents
Issues with Eager Bundling
Legacy Peer Deps Flag to Avoid Errors
Open Source Editor Options
Crazy Monaco Editor Type Defs
Setting the Initial Value
Handling Editor Change Events
Prettier Installation Required Update
Adding Prettier to Our Editor
Automatic Code Formatting
Floating the Format Button
Required Webpack v5 Polyfill Fixes
Fixing Syntax Highlighting
CSS For Syntax Highlighting
New Versions of React Resizable to Support React 18
Adding children to Interface for React 18
Setting Up React-Resizable
Expanding the Resizer Horizontally
Expanding the Code Editor
Constraining Vertical Resizes
Strategies for Prop Definitions
Applying Horizontal Resize Props
Getting Preview to Expand
Updating the After Selector
An Oddity Around the Resizer
Improving Resize Performance
Synchronizing Width State
Adding an Execution Timeout
A Few Issues with the Markdown Editor
Toggling the Markdown Editor Mode
Solving Class Name Conflicts
Fixing the Divider Height
Restyling the Resizer Bar
Additional Markdown Styling
Adding State to the Editor
Updated Install Command and Versions for React 18
Action Interface Definitions
Adding a Few Reducer Cases
Creating and Exporting the Store
React to Redux Connection
Action Creator Return Type Annotations
Easy Action Creator Implementations
Handling Cyclical Imports
Creating a Typed Selector
Property 'order' does not exist on type 'CellsState | undefined'.
Selecting an Ordered List
Rendering the List of Cells
Reminder on the Action Creator Helper
Extracting State from Text Cell
Installing a Specific Version of FontAwesome
Resolving the Key Warning
Forcing Add Cell Visibility
Understanding CSS Transition Curves
Refactoring the Redux Side
Refactoring the React Side
Should There Be a Bundles Reducer?
Defining Bundling Action Types
Initial Reducer Implementation
Small Required Update for bundlesReducer
Adding the Action Creator
Adjusting the Reducer State
Solving a Small Warning with useMemo
Getting an Initial Bundle
Showing a Loading Message
Can We Estimate Bundle Duration?
Fading In the Progress Bar
Referencing Code from Previous Cells
Calculating Cumulative Code
Executing the Cumulative Code
Avoiding Naming Collisions
Showing a React Component
Implementing a Show Function No-Op
Planning Local Architecture
What's the App Look Like in the Future?
Package Based Development
Adding Modules with Lerna
Updated npx Command for TypeScript Support
Adding TypeScript Support
Adding TypeScript to the CLI
Reading Command Line Arguments
Using Commander to Build a CLI
Specifying Command Line Options
Communication from the CLI to the API
What's that Directory Argument?
Adding Dependencies and Running Express
Wrapping Express Listen with a Promise
TypeScript Errors in Catch Block
Error occurred while trying to proxy
Building a Production Bundle
Understanding Package Links
Determining Our Execution Environment
Creating the Cells Router
Resolving Another TS Catch Error
Adding Fetch Cell Logic to Redux
Small Update for Try / Catch Blocks
The Fetch Cells Action Creator
Handling Fetch Cell Types
Adding a Persist Middleware
The Path to NPM Publishing
Bootstrapping the Project
Declaring Scoped Packages
Refactoring Package Names
Auditing Dev Dependencies
Important Axios Version Information
Executing TypeScript Code
Catching Errors with TypeScript
Type Annotations and Inference
Annotations with Variables
Object Literal Annotations
Annotations Around Functions
When Inference Doesn't Work
More on Annotations Around Functions
Inference Around Functions
Annotations for Anonymous Functions
Destructuring with Annotations
Annotations Around Objects
Fixing Annotations with Interfaces
Code Reuse with Interfaces
General Plan with Interfaces
Updated Parcel Instructions
IMPORTANT Info About Faker Installation
Using Type Definition Files
Export Statements in TypeScript
Important Note About Google Maps Key
Adding Google Maps Support
Required Update for New @types Library
Google Maps Integration with TypeScript
Exploring Type Definition Files
Why Use Private Modifiers? Here's Why
Restricting Access with Interfaces
Updating Interface Definitions
Optional Implements Clauses