Displaying 1 to 20 from 21 results

react-fns - Browser API's turned into declarative React components and HoC's

  •    TypeScript

react-fns is a collection of imperative Browser API's turned into declarative React components and higher-order components for lots of common situations.There's a lot more to do. The goal is to standardize almost every Web API on MDN.

react-adopt - :sunglasses: Compose render props components like a pro

  •    TypeScript

React Adopt is a simple method that composes multiple render prop components, combining each prop result from your mapper.

react-values - A set of tiny React components for handling state with render props.

  •    Javascript

A set of tiny, composable React components for handling state with render props. It does this using a small render-prop-based API that exposes helpful transforms like toggle, increment, filter, etc. depending on the type of value, all based on JavaScripts native value types...

react-powerplug - :electric_plug: Renderless Containers

  •    Javascript

React PowerPlug is a set of pluggable renderless components and helpers that provides different types of state and logic utilities that you can use with your dumb components. It creates state and passes down the logic to the children, so you can handle your data. Read about the Render Props pattern.




react-treefold - A renderless tree component for your hierarchical React views

  •    Javascript

A renderless tree React component for your hierarchical views. You need to show hierarchical data in different ways. You know how you want to show the information for each individual data item. But you don't want to repeat over and over again the logic about how to traverse the data, how to assemble it all to make it look like a tree, how to expand/collapse nodes, etc.

react-show-more - A unopinionated component to handle showing more items

  •    Javascript

@tedconf/react-show-more does just that while giving you complete control of your style by using render props.

react-gearbox - ⚙️📦 Gearbox - Renderless state provisioning and composition

  •    TypeScript

Composes renderless containers and manages them in afterlive. Heavily inspired by react-adopt(context compose), react-powerplug(renderless containers) and redux-restate(fractal state). options is an optional field.

fold-render-props - Fold multiple render prop components into a single component.

  •    Javascript

Fold multiple render prop components into a single component.


refunk - :headphones: Simple React functional setState

  •    Javascript

Refunk components initialize state from props and provide an update function to their consumers. When nesting Refunk components, the top-most component will control state for any child Refunk components. The update function works the same as setState, but it's intended to be used with separate updater functions, that can be shared across many parts of an application.

react-callbag-listener - 👂 A React render-prop component that listens to values emitted by callbags

  •    Javascript

You provide any number of callbags as props to 👂 React Callbag Listener, and the render function given as children will be rendered whenever any of them changes. That's it. There are no other options or API to document. The object given to your render prop will have the same keys as you passed as callbag props.

squeezy - 1 kB React component for accessible accordions / collapse UI

  •    TypeScript

An HTML id attribute. Used by Squeezy to make the accordion accessible. Log changes to Squeezy state to the console.

react-c2c - Performant , lightweight and dependency free render prop loving copy 2 clipboard component

  •    Javascript

Performant and lightweight copy 2 clipboard component for react applications. Text to be copied to clipboard.

formik-alicante - Formik slides & demos from React Alicante

  •    Javascript

These are some of the demos from my talk about forms and Formik @ React Alicante on September 15, 2018.

redux-render - Ergonomic Redux bindings for React using render functions

  •    Javascript

React bindings for Redux using render props. Render props afford you a lot of flexibility over Higher-Order Components (HOCs).

stickyard - Make your React component sticky the easy way

  •    Javascript

The ref-register must be passed to the real DOM node, so if the component is a wrapper uppon DOM node, you need to register it to the underlying DOM node, using innerRef or something like that if provided. The className to be attached to the element when it's sticky.

react-native-google-autocomplete - A react-native component with render props around the Google Autocomplete Api

  •    TypeScript

Using render props to make google autocomplete work nicely with any design. The locationResults give you this. The maximum result set by Google is 5 location by query.

react-puer - :boy: A small function to create Render Props

  •    Javascript

Thanks @renatorib_ for write renderProps on React Powerplug.

react-virtual-container - Optimise your React apps by only rendering components when in proximity to the viewport

  •    Javascript

Optimise your React apps by only rendering your components when they are in proximity to the viewport. This library provides you with the ability to create a "virtual container", where it's children will only get rendered if the "virtual container" is within a given proximity of the viewport. This provides you with a nice mechanism by which to lazy load images or "heavy" components.