Custom Packages

useAxios, for CREATE, UPDATE, DELETE, and useAxiosGet to read data form a rest API, stores it in the cache.

useAxiosGet gets data form a rest API, stores it in the cache, error handles, and passes a status for loading, error, and successful fetching.

useAxiosPost a React custom hook fully tested that returns a tuple of status, a function to make a post request, and axios error response, and the success response.

useDebounce to add a delay to a action after stopping interaction. I.E. Typing into a search field, and there's a delay from stopping typing of 1 second before the search is called.

useEventListener is a custom react hook to add and remove event listeners from the dom. First input is the listener, the second is a callback function to run when the the listener is triggered, the third is optional

useMediaQuery is will return a boolean true of false so you can implement any javascript you need based on the media queries you want.

useStorage hook stores the data in local, or session storage. It takes a key as a string argument, and a default value as a string. The hook will search the storage the key in storage for a value and return if it there is one, otherwise it will use the de

useTime takes 2 arguments, the first is the function you would like to run after the the delay, the second is the delay in milliseconds. It returns a object with clear, and rest functions to clear, or reset the timeout.

useToggle will default to false on initialization, unless provided a initial boolean value. It will return an tuple array `[value, toggleValue]` of the value, and a callback function. The value will be true or false, and the function can set the value to

Free Test is a typescript testing library that offers maximum flexibility for those wishing to build their own custom testing system.

Custom eslint configuration using airbnb's styleguide

Custom prettier configuration

react fetch data from url

A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

Angular Web Components

A **lightweight, customizable rich text editor** for React applications. Supports **bold, italic, underline, lists, text alignment, undo/redo, file uploads**, and **drag & drop support**.

Simple reusable custom dropdown menu

Simple custom image slider (carousel)

A web component to render pokemon information. Link to design https://www.figma.com/proto/1I2mhCanlwxvpbcmA9Q6uZ/Pokemon-Card-Component?page-id=0%3A1&node-id=1%3A3&viewport=251%2C419%2C1.24&scaling=min-zoom

Customizable React roulette wheel with spinning animation