Promoting Transparency in Government Spending with React
summary
Front end for USAspending.gov uses React (chosen in 2015) plus d3 for SVG treemaps, Redux, and a public API; code and API are open-source and accept PRs. The DATA Act drives schema validation via the Data Act Broker; the broker MVP ships in about six months versus a comparable four-year project. Site shows federal outlays (USD 4.11T in FY2018, 4.4T in FY2019). Key patterns are data model objects with prototypal inheritance and container components + Redux for consistent formatting and faster changes.
AI-written summary · about
chapters (8)
- 0:00Start
- 3:56Our Solution
- 9:44Frontend Patterns
- 12:27Data Models Motivation
- 13:45Data Model Example
- 16:32Benefits of Data Models
- 17:55Factors Contributing to Success
- 19:28USAspending-gov Impact
related talks
36mData-Driven Government and the Ruby Developer
30mD3 and React, Together
27mD3 & React
26mFrontend At Scale - Experiences Using React In A Large Organization
32mD3 and React, Together
27mScalable Data Visualization
22mGovernment dashboards and open data.
14mLightning Talk: Visualizing Data Confidently. Integrating React and Tableau Public