27 Expand Collapse Examples
relay visual learners: Interactive diagram about Relay (GraphQL client)... mouseover diagram to see docs. Loads SVG fragments from XML files.
react sortable tree: Tree display of hierarchical data. Has drag & drop rearranging, searching. Uses react-virtualized, react-dnd.
housing available units: Housing availability at BU. 8000+ records. Realtime updates (jquery), no flux.
storyboard: Colorful logs: End-to-end, hierarchical, real-time, and stories. Includes server-side logs, and story ID's to correlate server+client logs.
react cardstack: UI similar to the iOS passbook app - selected item expands
AST Explorer: Tool to explore the AST generated by various parsers. Also parses CSS, HTML, GraphQL. Parsers include flow, esprima, flow, recast, traceur, typestript, uglifyjs
react infinity menu: Unlimited deep side menu. Tested with sinon, shallowRenderer.
Visualising a tree structure: Blog about writing a tree control-Redux/ImmutableJS for high-performance updating.
react expandable listview: Combination List + Accordian. Uses react-motion for animation.
orb: Rich Pivot Table: Grand and sub-totals, interactive config and filtering, drilldown, XLS download.
react treebeard: Nicely animated tree view, functional components, can show 'loading' during async fetching. Uses Radium, velocity-react.
React motion input field: Smooth react-motion animation when editing a text field. Buttons appear smoothly.
d3 state visualizer: Visualize arbitrary data (like app state) as a collapsable tree with hover.
GraphiQL: IDE for exploring a GraphQL server. Has Typeahead query completion, error hilighting, query results.
react sanfona: Accessible accordion with smooth animations.
react object inspector: Object inspector, styled similar to Chrome DevTools.
react burger menu: Sidebar component with a collection of effects and styles using CSS transitions and SVG path animations. Great, unique animations.
react bootstrap treeview: Data comes from nested objects. Can customize color, icon, expanded, badges per node.
react tree menu: Tree component. Has expand/collapse, checkboxes. Nodes can be dynamic or declarative.
react gooey nav: Fun 'gooey' menu animated with SVG shape blobbing. Technique originated by Lucas Bebber.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |