Kata for using Ractive
We're going to explore how we would use Ractive to dynamically handle form editing.
Fork and clone this repo
Add a head
element and use Bootstrap for your CSS
Create an array of people and add this to your data within Ractive.
// Example
var people = [
{ name: "Name", age: 0, isMinor: false }
];
Use a Ractive each
loop to display each person in your people array, along with an edit button, in a table element:
<table>
<tr>
<th>Name Header</th>
</tr>
<tr>
<!--Use a Ractive #each loop to populate your table data sections-->
<td>Actual Name from For Each</td>
</tr>
</table>
Add an Edit function to your Ractive to enable editing of your array of people
Make a pull request
Good luck!