Getting the most out of React in Dart
summary
Workiva presents OverReact, a layer atop React-Dart and React that adds statically declared props and state, typed Map-backed builders, and code generation via pub transformer. The team shows a counter component built with UIProps/UIFactory/UIComponent generics, demonstrates setState updates and typed handlers working, and reports production usage and an open-source release. Integrations include a CSS class builder, test utilities, and compatibility with w_flux and dart_dev for flux-style stores and testing.
AI-written summary · about
chapters (22)
- 0:00Intro
- 0:21Overview
- 1:35About My Team: UI Platform
- 4:28Component Lifecycle
- 4:58react-dart
- 5:26Syntax - Consuming
- 7:02No Static Analysis - Wrong Prop
- 8:05No Static Analysis - Wrong Type
- 8:53Syntax - Rendering
- 10:11Introducing: over_react
- 14:21Fluent Interface - DOM
- 15:02Fluent Interface - Custom Components
- 16:06Dealing with Maps: The Idea
- 16:46Dealing with Maps: Making it Easier
- 17:35Component Boilerplate
- 18:42From Boilerplate to Implementation
- 20:26Add some rendering logic
- 20:45Declare some props
- 21:08Use them props!
- 22:08Use that state!
- 22:48Mutating the State
- 25:07Other sweet Workiva packages
