JSFiddle - React, Tailwind, and code Playground

by DarMontou

HTML

<div id="app"></div>

React

/*
  Task: Extend the samples component below to better handle samples
  
  Reasoning: One of our components provides a view into running samples
  using images fetched from our servers. Users are able to monitor running
  samples in bulk from this component.
  
  Please demonstrate your knowledge of the react component lifecycle by 
  making a few small changes to the components below.
  
  Todos:
  
    1 - Render the SampleTable component under the Recent Samples header text
    2 - Modify the Sample component to use the splashScreen as the src
    3 - Write a method to update the Samples component state when the
        imageLinks are returned by the API (see fetchSamples)
    4 - Modify the Sample component to render the href prop as the img src
        when the href is available
    5 - add an onError handler to the img element to use the failscreen
        as the src for the image if the image fails to laod
*/

// samples are used as the sample list and returned by the echo API
const samples =...