React – Devin Vinson

Turn an array of objects into a table

At work we use a number of javascript files that hold constants we can import to any of our builders or editors. The structure looks something like: So a fairly large array of objects which makes it easy to work with. With this data structure I needed to export a whole bunch of these objects […]

Arrow function as class function in ES6

If you’ve been using create-react-app and tried to build things on your own you might have done/seen/used handleClick = () => { // do thing on click } This comes from the Class properties transform plugin from Babel: https://babeljs.io/docs/plugins/transform-class-properties/ So if you try to build a project on your own you’ll need to include it […]

[wpforms id="1992" title="false" description="false"]

<div class="wpforms-container wpforms-container-full" id="wpforms-1992"><form id="wpforms-form-1992" class="wpforms-validate wpforms-form" data-formid="1992" method="post" enctype="multipart/form-data" action="/category/react/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-1992-field_0-container" class="wpforms-field wpforms-field-name" data-field-id="0"><label class="wpforms-field-label" for="wpforms-1992-field_0">Name <span class="wpforms-required-label">*</span></label><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-1992-field_0" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][0][first]" required><label for="wpforms-1992-field_0" class="wpforms-field-sublabel after ">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-1992-field_0-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][0][last]" required><label for="wpforms-1992-field_0-last" class="wpforms-field-sublabel after ">Last</label></div></div></div><div id="wpforms-1992-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-1992-field_1">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-1992-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" required></div><div id="wpforms-1992-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-1992-field_2">Comment or Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-1992-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" required></textarea></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-1992-field-hp" class="wpforms-field-label">Email</label><input type="text" name="wpforms[hp]" id="wpforms-1992-field-hp" class="wpforms-field-medium"></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="1992"><input type="hidden" name="wpforms[author]" value="1"><button type="submit" name="wpforms[submit]" class="wpforms-submit " id="wpforms-submit-1992" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Submit">Submit</button></div></form></div> <div></div>