Skip to content

Instantly share code, notes, and snippets.

View joshuaslate's full-sized avatar

Josh Slate joshuaslate

View GitHub Profile
@joshuaslate
joshuaslate / sample-component.jsx
Created January 3, 2020 07:49
React Hook for Generated HTML ID (useful for accessible component implementation)
import React from 'react';
import { useGeneratedHtmlId } from './use-generated-html-id';
export const SampleComponent = () => {
const id = useGeneratedHtmlId('sample');
return (
<>
<label htmlFor={id}>Sample component</label>
<input id={id} type="text" />
@joshuaslate
joshuaslate / keybase.md
Created July 6, 2019 09:28
Keybase Proof

Keybase proof

I hereby claim:

  • I am joshuaslate on github.
  • I am jslate (https://keybase.io/jslate) on keybase.
  • I have a public key ASAZ4K0xwW4_Q5pZav5OMY3yGulShR5mPUZjHgiov0W_1Ao

To claim this, I am signing this object:

@joshuaslate
joshuaslate / form-fields.jsx
Created October 26, 2016 13:17
A quick rundown of working with Redux-Form 6+
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import moment from 'moment';
import DatePicker from 'react-datepicker';
import ReactQuill from 'react-quill';
import MaskedInput from 'react-maskedinput';
export const renderField = (field) => (
<div>
<input {...field.input} type={field.type} placeholder={field.placeholder} className="form-control" />