React

A JavaScript library for building user interfaces

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

playlist

JavaScript Day 2021

JetBrains JavaScript Day 2021 is a free virtual event that took place on October 14, 2021.

tutorial

React, TypeScript, and TDD

How to write React applications in TypeScript using TDD, highlighting features of the IDE

Part of tutorial

Class Components With Props

Make a simple class component with a single prop, again with a TypeScript interface describing the props.

Part of tutorial

Debugging TSX With Chrome

Sometimes you need to debug in the browser. Use the IDE to remote control Chrome during debugging.

Part of tutorial

Presentation and Container Components

Follow the React pattern of container/presentation components by refactoring the code and tests.

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.

Part of tutorial

Rich Events and Testing

Add event handling to a stateful class component by first writing tests during development.

Part of tutorial

Testing

Test-first development with Jest in the IDE.

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.

Part of tutorial

TSX and ES6

Using React and TypeScript means good JSX and ES6+ support in the IDE. This section shows some useful features from both.