render-props

There are 5 repositories under render-props topic.

formik
jaredpalmer / formik
Build forms in React, without the tears 😭
react forms form hooks formik react-hooks render-props higher-order-component react-native
Language:TypeScript 33515
jaredpalmer / react-fns
Browser API's turned into declarative React components and HoC's
react hoc render-props
Language:TypeScript 3736
renatorib / react-powerplug
:electric_plug: [Unmaintained] Renderless Containers
dumb-components dumb state react react-component javascript renderless renderless-components state-container render-props
Language:JavaScript 2686
pedronauck / react-adopt
:sunglasses: Compose render props components like a pro
compose react render-props
Language:TypeScript 1678
ianstormtaylor / react-values
A set of tiny React components for handling state with render props.
react components state-management render-props headless
Language:JavaScript 1016
mbasso / react-wasm
Declarative WebAssembly instantiation for React
webassembly wasm react render-props high-order-component hoc
Language:JavaScript 443
jcoreio / material-ui-popup-state
boilerplate for common Material-UI Menu, Popover and Popper use cases
material-ui popup popover menu popper boilerplate render-props
Language:TypeScript 433
tanem / react-nprogress
:hourglass: A React primitive for building slim progress bars.
animation component higher-order-component hoc hook hooks javascript loading nprogress progress react render-props spinner typescript progress-bar progressbar
Language:TypeScript 404
Astrocoders / epitath
Compose render props imperatively with async/await/CPS kinda sugar
react render-props cps
Language:JavaScript 393
sergiodxa / flagged
Feature Flags for React made easy with hooks, HOC and Render Props
react hooks react-hooks higher-order-component hoc render-props render-prop typescript feature-flags
Language:TypeScript 386
mohsinulhaq / react-popper-tooltip
A React hook to effortlessly build smart tooltips.
react tooltip popover overlay react-popper render-props
Language:TypeScript 244
green-arrow / react-firestore
React components to fetch data from firestore using render props
firebase firestore firestore-database react render-props
Language:JavaScript 229
Dean177 / use-url-state
Lift a React component's state into the url
higher-order-component hooks javascript react render-props state-management typescript
Language:TypeScript 154
xJkit / react-goodbye
A save reminder component for react router
goodbye higher-order-component react react-goodbye react-router-v4 reminder reminder-component render-props router-provider save-reminder
Language:JavaScript 120
zzarcon / react-video-renderer
Build custom video players effortless
component custom player react render-prop render-props renderer video video-player
Language:TypeScript 115
mfix22 / calendarx
:date: Your go-to, prescribed, Calendar component for React
calendar react render-props state-container accessible
Language:JavaScript 112
AppAndFlow / react-native-google-autocomplete
A react-native component with render props around the Google Autocomplete Api
react-native rollup typescript render-props google-autocomplete reactjs
Language:TypeScript 106
ChoTotOSS / react-paginating
Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭
paginate pagination paginator pagination-components function-as-child react reactjs typescript flowtype cypress render-props render-prop server-rendering seo-friendly
Language:JavaScript 98
YurkaninRyan / react-sentinel
React Component that abstracts away requestAnimationFrame, allowing you to set props by monitoring anything in the document!
monitoring react render-props requestanimationframe
Language:JavaScript 93
donavon / render-props
Easily and reliably support Render Props, Component Injection, and Function as a Child
render-props render-prop component-injection component react reactjs function-as-child
Language:JavaScript 83
nihgwu / stickyard
Make your React component sticky the easy way
react component sticky render-props
Language:JavaScript 83
makotot / GhostUI
Headless UI copmonent collection for React
react headless-ui component hooks render-props
Language:TypeScript 62
jsonnull / redux-render
Ergonomic Redux bindings for React using render functions
react reactjs redux render-props
Language:JavaScript 54
ctrlplusb / react-virtual-container
Optimise your React apps by only rendering components when in proximity to the viewport.
react virtual render-props windowing performance
Language:JavaScript 53
semmiverian / react-form-validation
Form Validation for React using render props
react form-validation render-props
Language:JavaScript 53
jaredpalmer / formik-alicante
Formik slides & demos from React Alicante
formik forms react render-props validation form
Language:JavaScript 46
Vitaminvp / react-patterns
react patterns examples
kottans react patterns compound-components context render-props control-props provider-pattern props-collection props-getter proxy-component hoc
Language:JavaScript 46
gnapse / react-treefold
A renderless tree component for your hierarchical React views
tree treeview tree-structure hierarchy-viewer render-props reactjs react renderless-components renderless
Language:JavaScript 39
jaredLunde / render-props
㸚 Easy-to-use React state containers which utilize the render props (function as child) pattern
react render-props function-as-child state-container dom debounce scrolling mouse-events viewport paragraph
Language:JavaScript 34
TaitoUnited / react-sheltr
Shared element transition helper components for React
reactjs shared-element-transition animation render-props
Language:JavaScript 31
jaredpalmer / squeezy
1 kB React component for accessible accordions / collapse UI
react render-props accordion
Language:TypeScript 30
theKashey / react-gearbox
⚙️📦 Gearbox - Renderless state provisioning and composition
react render-props compose fractal
Language:TypeScript 30
obrm / react-best-practices-design-pattens
This repo contains code examples from the article "Best Practices and Design Patterns in React.js for High-Quality Applications". Use these organized and downloadable examples to implement best practices and design patterns in your React projects for scalability and maintainability.
best-practices compound-components context-api custom-hooks design-patterns folder-structure hocs reactjs reducers render-props services
Language:JavaScript 29
antonybudianto / react-save-localstorage
🗄 React component to save data to localStorage on render phase safely
react reactjs localstorage local-storage render-props
Language:JavaScript 26
the-road-to-learn-react / react-children-as-a-function-example
An example implementation of React's children as a function for implementing a currency converter
react reactjs render-prop render-props
Language:JavaScript 25
baptistelambert / react-combine-contexts
🚀Use multiple React Contexts without pain.
react react-dom context render-props hoc
Language:JavaScript 22

render-props

jaredpalmer / formik

jaredpalmer / react-fns

renatorib / react-powerplug

pedronauck / react-adopt

ianstormtaylor / react-values

mbasso / react-wasm

jcoreio / material-ui-popup-state

tanem / react-nprogress

Astrocoders / epitath

sergiodxa / flagged

mohsinulhaq / react-popper-tooltip

green-arrow / react-firestore

Dean177 / use-url-state

xJkit / react-goodbye

zzarcon / react-video-renderer

mfix22 / calendarx

AppAndFlow / react-native-google-autocomplete

ChoTotOSS / react-paginating

YurkaninRyan / react-sentinel

donavon / render-props

nihgwu / stickyard

makotot / GhostUI

jsonnull / redux-render

ctrlplusb / react-virtual-container

semmiverian / react-form-validation

jaredpalmer / formik-alicante

Vitaminvp / react-patterns

gnapse / react-treefold

jaredLunde / render-props

TaitoUnited / react-sheltr

jaredpalmer / squeezy

theKashey / react-gearbox

obrm / react-best-practices-design-pattens

antonybudianto / react-save-localstorage

the-road-to-learn-react / react-children-as-a-function-example

baptistelambert / react-combine-contexts