React Snippets

The React snippet collection contains function components and reusable hooks for React 16.

  • Take a deeper dive into React's rendering process and understand the basics behind the popular JavaScript framework.

  • TagInput

    React, Components

    Renders a tag input field.

  • React rendering state

    React, Article

    Take a deeper dive into React's rendering process and understand the role of the Context API and Redux in it.

  • MultiselectCheckbox

    React, Components

    Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component.

  • Testing React components that update asynchronously with React Testing Library is a common scenario. Learn how to deal with common issues and speed up your testing.

  • LimitedWordTextarea

    React, Components

    Renders a textarea component with a word limit.

  • Modal

    React, Components

    Renders a Modal component, controllable through events.

  • Tabs

    React, Components

    Renders a tabbed menu and view component.

  • When working with state in your code, you often run into issues with maintaining complexity and readability. Oftentimes, these issues are easily fixable.

  • Take a deeper dive into React's rendering process and understand how to make small yet powerful tweaks to optimize performance.

  • useOnWindowResize

    React, Hooks

    Executes a callback whenever the window is resized.

  • Accordion

    React, Components

    Renders an accordion menu with multiple collapsible content elements.

  • TreeView

    React, Components

    Renders a tree view of a JSON object or array with collapsible content.

  • RippleButton

    React, Components

    Renders a button that animates a ripple effect when clicked.

  • Alert

    React, Components

    Renders an alert component with type prop.