render-props | Topic | Ecosyste.ms: Repos

Topic: "render-props"

jaredpalmer/formik

Build forms in React, without the tears 😭

Language: TypeScript - Size: 16.4 MB - Last synced at: 5 days ago - Pushed at: about 2 months ago - Stars: 34,375 - Forks: 2,794

jaredpalmer/react-fns

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

Language: TypeScript - Size: 470 KB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 3,721 - Forks: 100

renatorib/react-powerplug

:electric_plug: Renderless Containers

Language: JavaScript - Size: 1.3 MB - Last synced at: 2 months ago - Pushed at: almost 3 years ago - Stars: 2,680 - Forks: 100

pedronauck/react-adopt

:sunglasses: Compose render props components like a pro

Language: TypeScript - Size: 1.01 MB - Last synced at: 20 days ago - Pushed at: about 3 years ago - Stars: 1,671 - Forks: 56

ianstormtaylor/react-values 📦

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

Language: JavaScript - Size: 2.6 MB - Last synced at: 3 months ago - Pushed at: almost 7 years ago - Stars: 1,006 - Forks: 39

tanem/react-nprogress

:hourglass: A React primitive for building slim progress bars.

Language: TypeScript - Size: 25.3 MB - Last synced at: about 9 hours ago - Pushed at: 6 days ago - Stars: 463 - Forks: 20

jcoreio/material-ui-popup-state

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

Language: TypeScript - Size: 5.28 MB - Last synced at: 7 months ago - Pushed at: 8 months ago - Stars: 461 - Forks: 31

mbasso/react-wasm

Declarative WebAssembly instantiation for React

Language: JavaScript - Size: 1.75 MB - Last synced at: 2 months ago - Pushed at: about 3 years ago - Stars: 456 - Forks: 18

sergiodxa/flagged

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

Language: TypeScript - Size: 1.64 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 431 - Forks: 21

Astrocoders/epitath

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

Language: JavaScript - Size: 376 KB - Last synced at: 3 months ago - Pushed at: almost 7 years ago - Stars: 388 - Forks: 7

mohsinulhaq/react-popper-tooltip

A React hook to effortlessly build smart tooltips.

Language: TypeScript - Size: 3.25 MB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 251 - Forks: 57

green-arrow/react-firestore

React components to fetch data from firestore using render props

Language: JavaScript - Size: 1.88 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 229 - Forks: 23

Dean177/use-url-state

Lift a React component's state into the url

Language: TypeScript - Size: 8.94 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 155 - Forks: 13

xJkit/react-goodbye

A save reminder component for react router

Language: JavaScript - Size: 1.09 MB - Last synced at: 4 months ago - Pushed at: about 3 years ago - Stars: 120 - Forks: 4

zzarcon/react-video-renderer

Build custom video players effortless

Language: TypeScript - Size: 1.88 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 117 - Forks: 14

mfix22/calendarx

:date: Your go-to, prescribed, Calendar component for React

Language: JavaScript - Size: 2.42 MB - Last synced at: 5 months ago - Pushed at: about 3 years ago - Stars: 112 - Forks: 7

ChoTotOSS/react-paginating

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

Language: JavaScript - Size: 2.18 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 97 - Forks: 14

YurkaninRyan/react-sentinel

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

Language: JavaScript - Size: 14 MB - Last synced at: about 2 months ago - Pushed at: over 7 years ago - Stars: 94 - Forks: 3

nihgwu/stickyard

Make your React component sticky the easy way

Language: JavaScript - Size: 3.32 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 83 - Forks: 3

donavon/render-props

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

Language: JavaScript - Size: 49.8 KB - Last synced at: 2 months ago - Pushed at: almost 8 years ago - Stars: 83 - Forks: 2

makotot/GhostUI

Headless UI copmonent collection for React

Language: TypeScript - Size: 1.67 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 65 - Forks: 5

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.

Language: JavaScript - Size: 15.6 KB - Last synced at: 8 months ago - Pushed at: over 2 years ago - Stars: 55 - Forks: 17

jsonnull/redux-render 📦

Ergonomic Redux bindings for React using render functions

Language: JavaScript - Size: 116 KB - Last synced at: 3 months ago - Pushed at: about 4 years ago - Stars: 54 - Forks: 3

ctrlplusb/react-virtual-container

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

Language: JavaScript - Size: 449 KB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 53 - Forks: 1

semmiverian/react-form-validation

Form Validation for React using render props

Language: JavaScript - Size: 443 KB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 52 - Forks: 1

Vitaminvp/react-patterns

react patterns examples

Language: JavaScript - Size: 1.91 MB - Last synced at: 9 months ago - Pushed at: about 3 years ago - Stars: 47 - Forks: 7

jaredpalmer/formik-alicante

Formik slides & demos from React Alicante

Language: JavaScript - Size: 1.3 MB - Last synced at: 9 months ago - Pushed at: over 7 years ago - Stars: 45 - Forks: 11

gnapse/react-treefold

A renderless tree component for your hierarchical React views

Language: JavaScript - Size: 160 KB - Last synced at: about 1 month ago - Pushed at: almost 8 years ago - Stars: 40 - Forks: 4

jaredLunde/render-props

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

Language: JavaScript - Size: 870 KB - Last synced at: about 2 months ago - Pushed at: almost 7 years ago - Stars: 37 - Forks: 3

TaitoUnited/react-sheltr

Shared element transition helper components for React

Language: JavaScript - Size: 191 KB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 32 - Forks: 1

theKashey/react-gearbox

⚙️📦 Gearbox - Renderless state provisioning and composition

Language: TypeScript - Size: 199 KB - Last synced at: 3 months ago - Pushed at: almost 7 years ago - Stars: 30 - Forks: 1

jaredpalmer/squeezy

1 kB React component for accessible accordions / collapse UI

Language: TypeScript - Size: 54.7 KB - Last synced at: 3 months ago - Pushed at: about 8 years ago - Stars: 29 - Forks: 1

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

Language: JavaScript - Size: 626 KB - Last synced at: 7 months ago - Pushed at: over 5 years ago - Stars: 28 - Forks: 9

antonybudianto/react-save-localstorage

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

Language: JavaScript - Size: 1.79 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 26 - Forks: 1

makotot/paginated 📦

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

Language: TypeScript - Size: 937 KB - Last synced at: 5 months ago - Pushed at: over 4 years ago - Stars: 21 - Forks: 1

erikras/react-callbag-listener

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

Language: JavaScript - Size: 523 KB - Last synced at: about 1 month ago - Pushed at: over 7 years ago - Stars: 21 - Forks: 2

baptistelambert/react-combine-contexts

🚀Use multiple React Contexts without pain.

Language: JavaScript - Size: 18.6 KB - Last synced at: 5 months ago - Pushed at: almost 8 years ago - Stars: 21 - Forks: 1

axross/repromised

🤝 Declarative promise resolver as a render props component

Language: TypeScript - Size: 172 KB - Last synced at: 4 months ago - Pushed at: almost 7 years ago - Stars: 20 - Forks: 1

hamlim/recycles

React lifecycle render-prop components ♻️

Language: JavaScript - Size: 577 KB - Last synced at: 3 months ago - Pushed at: 12 months ago - Stars: 16 - Forks: 0

Astrocoders/reason-epitath

CPS sugar usage for React Render Props composition in ReasonML

Language: HTML - Size: 157 KB - Last synced at: 7 months ago - Pushed at: about 7 years ago - Stars: 15 - Forks: 0

matpaul/react-with 📦

⚡️Awesome render props components creation

Language: JavaScript - Size: 83 KB - Last synced at: about 1 month ago - Pushed at: about 7 years ago - Stars: 15 - Forks: 0

axross/redebounce

↘️ Render Props component to debounce the given value

Language: TypeScript - Size: 57.6 KB - Last synced at: 4 months ago - Pushed at: about 7 years ago - Stars: 14 - Forks: 0

monojack/react-immer

No nonsense state management with Immer and React hooks

Language: JavaScript - Size: 1.06 MB - Last synced at: about 1 month ago - Pushed at: about 3 years ago - Stars: 13 - Forks: 0

BrennanR/react-clean-calendar

A highly-customizable and simple-to-use react calendar component.

Language: JavaScript - Size: 5.03 MB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 13 - Forks: 0

alan2207/react-multistep-wizard

🧙 React wizard component

Language: TypeScript - Size: 750 KB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 12 - Forks: 1

timc1/react-animated-menu

A React component that handles all logic for managing visual state for menus and lists.

Language: TypeScript - Size: 1.86 MB - Last synced at: 3 months ago - Pushed at: almost 4 years ago - Stars: 12 - Forks: 1

tvthatsme/react-power-picture 📦

Zero-dependency React component for progressively loading your images

Language: JavaScript - Size: 1.53 MB - Last synced at: 10 months ago - Pushed at: over 6 years ago - Stars: 10 - Forks: 1

kuzn-ilya/react-async-call

Declarative promise handling in React

Language: JavaScript - Size: 613 KB - Last synced at: 3 months ago - Pushed at: about 7 years ago - Stars: 10 - Forks: 2

beizhedenglong/reason-powerplug

🔌 Renderless Containers For ReasonReact

Language: OCaml - Size: 66.4 KB - Last synced at: 4 months ago - Pushed at: over 4 years ago - Stars: 9 - Forks: 1

the-road-to-learn-react/react-render-prop-component-for-state

An example implementation of React's render props for managing state on behalf of a component

Language: JavaScript - Size: 649 KB - Last synced at: 7 months ago - Pushed at: over 5 years ago - Stars: 9 - Forks: 1

sastan/react-render-callback

render-prop helper to render anything (Functions, Components, Elements, ...)

Language: JavaScript - Size: 243 KB - Last synced at: 2 months ago - Pushed at: over 5 years ago - Stars: 9 - Forks: 0

ljunb/rn-read-more-text

:page_with_curl:支持设置显示最大行数的折叠/展开文本组件

Language: JavaScript - Size: 147 KB - Last synced at: 5 months ago - Pushed at: 8 months ago - Stars: 8 - Forks: 2

titanve/react-next-paging

Pagination react component

Language: JavaScript - Size: 906 KB - Last synced at: 4 months ago - Pushed at: over 1 year ago - Stars: 8 - Forks: 2

bowheart/react-zedux

ATTENTION! This is the old repository. The Zedux React package has moved to https://github.com/omnistac/zedux/tree/master/packages/react

Language: JavaScript - Size: 859 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 0

xwpongithub/vue-render-demos

vue render函数使用示例

Language: JavaScript - Size: 38.1 KB - Last synced at: 5 months ago - Pushed at: about 7 years ago - Stars: 7 - Forks: 2

mattphillips/react-point-break

React CSS media queries with breakpoint render props Component and Provider. 🔫

Language: JavaScript - Size: 104 KB - Last synced at: 3 months ago - Pushed at: almost 8 years ago - Stars: 7 - Forks: 0

evenchange4/react-dnd-dropzone

Dropzone with render props built with react-dnd.

Language: JavaScript - Size: 730 KB - Last synced at: 6 days ago - Pushed at: 7 days ago - Stars: 6 - Forks: 1

hamlim/react-error-boundary

An unopinionated `<ErrorBoundary />` React component for React 16+.

Language: JavaScript - Size: 547 KB - Last synced at: 19 days ago - Pushed at: 22 days ago - Stars: 6 - Forks: 1

gastonmorixe/formik-mobx

WIP Formik with the power of MobX ⚡️High-Performant and 🔥Computed Properties support

Language: TypeScript - Size: 835 KB - Last synced at: 8 months ago - Pushed at: about 3 years ago - Stars: 6 - Forks: 0

Syndicode/react-algolia-places

Modern ReactJS component that provides functionality of [Algolia Places](https://community.algolia.com/places/).

Language: JavaScript - Size: 84 KB - Last synced at: 4 months ago - Pushed at: about 3 years ago - Stars: 6 - Forks: 1

hoppula/react-firebase-web

React Firebase components with render props

Language: TypeScript - Size: 244 KB - Last synced at: 3 months ago - Pushed at: almost 4 years ago - Stars: 6 - Forks: 0

benadamstyles/pure-render-prop-component

Use the render prop pattern without sacrificing component purity

Language: JavaScript - Size: 2.08 MB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 6 - Forks: 0

AlecAivazis/quark

A batteries-included library for building UIs with React and ReactNative. https://quark.aivazis.com/

Language: JavaScript - Size: 34.2 MB - Last synced at: 3 months ago - Pushed at: about 7 years ago - Stars: 6 - Forks: 1

dcwither/react-editable

Decorator for maintaining editing state of React components

Language: TypeScript - Size: 8.53 MB - Last synced at: 4 months ago - Pushed at: almost 3 years ago - Stars: 5 - Forks: 1

LordotU/react-metamask-checker

React component which uses Render Props (https://reactjs.org/docs/render-props.html) approach for checking Metamask (https://metamask.io/) inpage provider object

Language: JavaScript - Size: 1.58 MB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 5 - Forks: 3

yazaabed/react-autocomplete

This autocomplete component built to show what render props pattern can do with react and how much it flexible

Language: JavaScript - Size: 209 KB - Last synced at: 3 months ago - Pushed at: about 5 years ago - Stars: 5 - Forks: 0

aulisius/snitch

I open and close

Language: JavaScript - Size: 124 KB - Last synced at: 2 months ago - Pushed at: over 5 years ago - Stars: 5 - Forks: 0

the-road-to-learn-react/react-render-props-example

An example implementation of React's render props for implementing an advanced List component

Language: JavaScript - Size: 499 KB - Last synced at: 4 months ago - Pushed at: over 5 years ago - Stars: 5 - Forks: 4

alan2207/react-scrollable-pagination

📜 Paginate your application's data by scrolling...

Language: JavaScript - Size: 751 KB - Last synced at: 2 months ago - Pushed at: almost 7 years ago - Stars: 5 - Forks: 2

kitos/react-debounce-props

Tiny render-prop/HOC/hook component for props/state debouncing

Language: TypeScript - Size: 665 KB - Last synced at: 4 months ago - Pushed at: about 3 years ago - Stars: 4 - Forks: 3

NoriSte/reactjsday-2018-workshop

All the commits made during the 2018 ReactJSDay workshop

Language: JavaScript - Size: 14.6 KB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 4 - Forks: 0

MadAppGang/react-conversation

A set of react components to build animated chat conversations

Language: JavaScript - Size: 16.6 KB - Last synced at: 3 months ago - Pushed at: almost 7 years ago - Stars: 4 - Forks: 0

pomber/louis-xiv

React state as a component

Language: JavaScript - Size: 23.4 KB - Last synced at: 3 months ago - Pushed at: about 7 years ago - Stars: 4 - Forks: 1

AntonNiklasson/react-dategrid

A minimal foundation for building calendars with React

Language: JavaScript - Size: 233 KB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 4 - Forks: 0

macklinu/react-stringify

A JSON.stringify() React component utility

Language: JavaScript - Size: 68.4 KB - Last synced at: 5 months ago - Pushed at: almost 8 years ago - Stars: 4 - Forks: 0

axelv/react-formik-inline-editible-field

Headless form component to create inline editable fields inside Formik Forms

Language: CSS - Size: 698 KB - Last synced at: over 2 years ago - Pushed at: almost 4 years ago - Stars: 3 - Forks: 0

shahzaibkhalid/react-advanced-issues-and-solutions

A discussion of advanced issues in React and their solutions! 🙌

Language: JavaScript - Size: 4.58 MB - Last synced at: 2 months ago - Pushed at: almost 7 years ago - Stars: 3 - Forks: 0

makotot/enabled-update-if

:six_pointed_star: Skip unnecessary rerendering with render props.

Language: JavaScript - Size: 146 KB - Last synced at: 9 months ago - Pushed at: about 7 years ago - Stars: 3 - Forks: 0

erzhtor/react-async-data

See examples

Language: JavaScript - Size: 784 KB - Last synced at: 5 months ago - Pushed at: about 7 years ago - Stars: 3 - Forks: 0

antoniocapelo/react-page-visibility-render-props

Simple react wrapper for the pagevisibility.js package render props for better composability.

Language: JavaScript - Size: 363 KB - Last synced at: 10 days ago - Pushed at: over 7 years ago - Stars: 3 - Forks: 0

malash/rp-hoc

Convert between Render Props and HOC.

Language: JavaScript - Size: 401 KB - Last synced at: 2 months ago - Pushed at: over 7 years ago - Stars: 3 - Forks: 0

zzarcon/react-progressive-img

Progressive image rendering made easy 🔮

Language: TypeScript - Size: 3.07 MB - Last synced at: 10 months ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 0

srph/react-uploadi

Build upload UIs with dropzone and previews out of the box.

Language: JavaScript - Size: 119 KB - Last synced at: 3 months ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 1

macklinu/render-props

A helper function to support various React render prop use cases

Language: JavaScript - Size: 335 KB - Last synced at: 2 months ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 0

julianburr/talk-hocs-vs-render-props

Summary and code examples from my talk about "HOCs vs. Render Props" at Brisbane React JS meetup

Language: HTML - Size: 67.4 KB - Last synced at: 6 months ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 0

mdsanima-dev/mdsanima-rt-go

Cross Platform Application for Calculating Render Time

Language: Python - Size: 18.9 MB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 1

functionalStoic/react-elements-selector

🐙 🦑 React (Render Props) component to handle selection of elements.

Language: JavaScript - Size: 1.68 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 1

Jerenyaoyelu/patterns-cn

讲解JS设计模式、渲染模式、性能模式相关主题，提升你的 web 应用架构能力，转译自 https://www.patterns.dev/posts/introduction/

Size: 781 KB - Last synced at: almost 3 years ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

tprzytula/React-Patterns

Simple samples of react patterns

Language: JavaScript - Size: 4.69 MB - Last synced at: about 1 year ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

prograsdk/react-searchable 📦

🔎 Simple collection search for React based on the render-prop pattern

Language: TypeScript - Size: 694 KB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 1

marmelab/react-tick-slider 📦

React tick slider component with render props

Language: JavaScript - Size: 339 KB - Last synced at: 26 days ago - Pushed at: over 6 years ago - Stars: 2 - Forks: 0

sunify/react-file-button

Simple and customizable react file input with a11y in mind

Language: JavaScript - Size: 603 KB - Last synced at: over 1 year ago - Pushed at: almost 7 years ago - Stars: 2 - Forks: 0

aleclarson/yender 📦

Yield for render props

Language: TypeScript - Size: 7.81 KB - Last synced at: 3 months ago - Pushed at: about 7 years ago - Stars: 2 - Forks: 0