Learn how to build a timeline with React, Storybook, Material-UI, and React-Admin. Understand how to design the UX for the timeline and handle corner cases.
Table of contents
User Story: A Timeline to Follow an Audit TrailUX: Don't Reinvent The WheelWriting Fake DataDesigning Incomplete StatesThe Hard Part Is Naming ThingsStart By The LeafsUsing Storybook to Develop In IsolationStart With a StoryClimbing the Component TreeExtracting Logic to Non-Component CodeKeeping Presentational Components SmallManaging UI StateIntegrating With React-AdminUsing React-Admin ListController Component To Customize The List LayoutMaking the Pagination WorkUsing a Custom List ControllerUsing InternationalisationConclusionSort: