React Components

Diverse UI Components using React Hooks, Material UI, and emotion.

Instructions

npm package: @emmveqz/react-components

• Just install the npm package, using:
  npm install @emmveqz/react-components

Auto Trimmed List

Pass a list of strings so it's trimmed to fit inside a component,
adding a "rest" badge at the end.

File Field

A File field using Material UI.
Use the "Download" icon whenever your field has data,
and the "Select File" icon to set/change the file.

useAsyncEffect hook

Use React's useEffect hook asynchronously (safely).

AppContext

A Context Provider that can be consumed with a useAppContext() hook, updating its props (thus re-rendering) independently.

Check out the example

useExternalScript hook

Load an external script asynchronously, and safely wait for its readiness state.