Latest

All the resources in the Guide, starting with most recent.

Project Setup

Part of tutorial

Project Setup
Create a React+TypeScript project with the create-react-app scaffolding tool.
Project Cleanup

Part of tutorial

Project Cleanup
Clean out some unneeded code from the default app, tweak some configuration in the IDE, and tour a few more features.
Presentation and Container Components

Part of tutorial

Presentation and Container Components
Follow the React pattern of container/presentation components by refactoring the code and tests.
Debugging During Testing With NodeJS

Part of tutorial

Debugging During Testing With NodeJS
Use the visual debugger in the IDE for smarter TDD.
React, TypeScript, and TDD

Tutorial

React, TypeScript, and TDD
How to write React applications in TypeScript using TDD, highlighting features of the IDE
Class Components With State

Part of tutorial

Class Components With State
Make a very simple class component with local counter state, then make a type definition for that state.
Class Components With Props

Part of tutorial

Class Components With Props
Make a simple class component with a single prop, again with a TypeScript interface describing the props.
Debugging TSX With Chrome

Part of tutorial

Debugging TSX With Chrome
Sometimes you need to debug in the browser. Use the IDE to remote control Chrome during debugging.
Distraction Free Mode in IntelliJ IDEA

Tip

Distraction Free Mode in IntelliJ IDEA
Hide all UI elements (tool windows, toolbars, and editor tabs) so the editor occupies the entire main window with the source code centered.
Resolve Merge Conflicts in VCS

Tip

Resolve Merge Conflicts in VCS
Use VCS options in IntelliJ IDEA to resolve merge conflicts visually in the editor.
Moving Statements Around

Part of tutorial

Moving Statements Around
Moving a statements up and down within their scope.
Moving Lines Around

Part of tutorial

Moving Lines Around
Moving a line, paragraph or selection up and down.