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.

AI Assistant with AWS Bedrock and Go

Tutorial

AI Assistant with AWS Bedrock and Go
Develop an AI assistant by combining AWS Bedrock, Go, and React for a dynamic frontend.
Crafting a Frontend Application

Part of tutorial

Crafting a Frontend Application
Component Configuration, UI Development, and WebSocket Integration.
Building the Frontend - Project Setup and Configuration

Part of tutorial

Building the Frontend - Project Setup and Configuration
Configuring a New React Project with Vite.
References

Part of tutorial

References
Code Samples and Reference Materials
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.
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.
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.
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.
Testing

Part of tutorial

Testing
Test-first development with Jest in the IDE.
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.