All Categories → User Interface → render-props

Top 40 render-props open source projects

🔌 Renderless Containers

✭ 2,704

javascript typescript react react-component state render-props dumb state-container dumb-components renderless renderless-components

React Firestore

React components to fetch data from firestore using render props

✭ 228

javascript react firebase firestore render-props

Material Ui Popup State

boilerplate for common Material-UI Menu, Popover and Popper use cases

✭ 186

javascript boilerplate material-ui menu popup popover render-props

React Nprogress

⌛️ A React primitive for building slim progress bars.

✭ 173

javascript typescript react animation component hooks hook loading progress progress-bar spinner progressbar hoc higher-order-component render-props

Use Url State

Lift a React component's state into the url

✭ 154

javascript typescript react hooks state-management higher-order-component render-props

React Popper Tooltip

A React hook to effortlessly build smart tooltips.

✭ 149

typescript react overlay tooltip popover render-props

React Adopt

😎 Compose render props components like a pro

✭ 1,668

typescript react compose render-props

React Goodbye

A save reminder component for react router v4+.

✭ 120

javascript react react-router-v4 higher-order-component render-props

Calendarx

📅 Your go-to, prescribed, Calendar component for React

✭ 110

javascript react calendar accessible render-props

React Video Renderer

Build custom video players effortless

✭ 100

typescript react video component player video-player custom renderer render-props

Flagged

Feature Flags for React made easy with hooks, HOC and Render Props

✭ 97

typescript react hooks feature-flags hoc higher-order-component render-props

React Sentinel

React Component that abstracts away requestAnimationFrame, allowing you to set props by monitoring anything in the document!

✭ 95

javascript react monitoring render-props

React Paginating

Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭

✭ 89

javascript typescript flowtype react reactjs pagination render-props server-rendering

Formik Alicante

Formik slides & demos from React Alicante

✭ 47

javascript react validation form forms render-props

React Values

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

✭ 1,025

javascript react components state-management headless render-props

Recycles

React lifecycle render-prop components ♻️

✭ 15

javascript react lifecycle render-props

React Children As A Function Example

An example implementation of React's children as a function for implementing a currency converter

✭ 24

javascript react reactjs render-props

Formik

Build forms in React, without the tears 😭

✭ 29,047

typescript javascript CSS shell react react-native hooks form forms higher-order-component render-props formik react-hooks

Epitath

Compose render props imperatively with async/await/CPS kinda sugar

✭ 393

javascript react render-props

React Fns

Browser API's turned into declarative React components and HoC's

✭ 3,734

typescript javascript CSS react hoc render-props

React Wasm

Declarative WebAssembly instantiation for React

✭ 349

javascript react webassembly wasm hoc render-props

react-patterns

react patterns examples

✭ 39

javascript CSS HTML react patterns context hoc kottans provider-pattern compound-components render-props control-props props-collection props-getter proxy-component

react-native-google-autocomplete

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

✭ 103

typescript javascript google-autocomplete react-native reactjs rollup render-props

react-sheltr

Shared element transition helper components for React

✭ 33

javascript reactjs animation shared-element-transition render-props

react-treefold

A renderless tree component for your hierarchical React views

✭ 37

javascript CSS HTML react tree reactjs tree-structure treeview hierarchy-viewer renderless renderless-components render-props

render-props

Easily and reliably support Render Props, Component Injection, and Function as a Child

✭ 82

javascript react component reactjs function-as-child render-prop render-props component-injection

squeezy

1 kB React component for accessible accordions / collapse UI

✭ 31

typescript javascript react accordion render-props

react-virtual-container

Optimise your React apps by only rendering components when in proximity to the viewport.

✭ 52

javascript react performance virtual windowing render-props

react-gearbox

⚙️📦 Gearbox - Renderless state provisioning and composition

✭ 31

typescript HTML react fractal compose render-props

redux-render

Ergonomic Redux bindings for React using render functions

✭ 54

javascript react redux reactjs render-props

react-immer

No nonsense state management with Immer and React hooks

✭ 13

javascript state-management reactjs immer render-props react-hooks

repromised

🤝 Declarative promise resolver as a render props component

✭ 20

typescript javascript react react-native promise render-props

react-combine-contexts

🚀Use multiple React Contexts without pain.

✭ 23

javascript react react-dom context hoc render-props

react-callbag-listener

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

✭ 21

javascript react observable render-prop render-props callbag callbags

paginated

⚛️ React render props component & custom hook for pagination.

✭ 20

typescript HTML javascript react pagination hooks component render-props headless-components

react-save-localstorage

🗄 React component to save data to localStorage on render phase safely

✭ 26

javascript react reactjs localstorage local-storage render-props

redebounce

↘️ Render Props component to debounce the given value

✭ 14

typescript javascript react debounce render-props

stickyard

Make your React component sticky the easy way

✭ 83

javascript react component sticky render-props

render-props

㸚 Easy-to-use React state containers which utilize the render props (function as child) pattern

✭ 33

javascript react dom scrolling debounce viewport paragraph mouse-events state-container function-as-child render-props

reason-epitath

CPS sugar usage for React Render Props composition in ReasonML

✭ 16

HTML ocaml C++javascript react reasonml render-props

1-40 of 40 render-props projects