React

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.

JavaScript Day 2021

playlist

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

tutorial

React, TypeScript, and TDD
How to write React applications in TypeScript using TDD, highlighting features of the IDE
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.
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.
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.
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.
Testing

Part of tutorial

Testing
Test-first development with Jest in the IDE.
Rich Events and Testing

Part of tutorial

Rich Events and Testing
Add event handling to a stateful class component by first writing tests during development.
TSX and ES6

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.