Skip to content

UI Team Sprint #2 Task #75: Full Machine Details Component

Jump to bottom
Jeremy Westfall edited this page Feb 25, 2020 · 2 revisions

React-Table with Collapsable Rows

Prerequisites

  • Install d3-ease and d3-interpolate:

    • npm install d3-ease
    • npm install d3-interpolate

For more info on these dependencies, visit:

https://www.npmjs.com/package/d3-ease

https://www.npmjs.com/package/d3-interpolate

Testing and Review

  • Main code for the react-table with collapsable rows resides in:

    • index.js (src/ folder)
    • anim.js (src/ folder)
    • style.css (src/ folder)
    • index.html (public/ folder)

  • JSON file for pulling data resides in:

    • testUser.json (src/data/ folder)

Start the Pot O' Gold Web App, with 'DEBUG=myapp:* npm start' from the UI/ folder. Click on rows, to test functionality. Likewise, change data in the json file, to see connection and changes.

Clone this wiki locally