Awesome React Render Props

Awesome list of React components with render props and resources.

PR's Welcome!

Videos

• The State of Animation in React by @chenglou
• Use Render Props with React by @kentcdodds

Blog Posts / Articles

• Use a Render Prop! by @mjackson
• Query Components with Apollo by Kureev Alexey

Components

Animation

• react-motion: A spring that solves your animation problems.

Routing

• react-router: Declarative routing for React

Forms

• Formik: Forms in React, without tears 😭
• React Final Form: 🏁 High performance subscription-based form state management for React
• Informative: React Forms with ease. Use render-props to broadcast state changes for the Form and Field. Also first-class support for re-usable FieldWraps

Inputs

• Downshift: Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
• react-toggled: Component to build simple, flexible, and accessible toggle components
• @navjobs/upload: Higher order React components for file uploading (with progress) react file upload

Misc

• react-fns: Browser API's turned into declarative React components and HoC's
• react-media: CSS media queries for React
• react-value: An easy easy way to wrap controlled components that provide value and onChange props with state.
• react-redux-local: Simple local reducer with middleware/sagas/redux-dev-tools support.
• react-powerplug: Renderless Pluggable State Containers
• react-google-maps-loader: Simple loader to use google maps services
• react-progressive-image: React component for progressive image loading
• holen: Declarative fetch for React

React Native

• react-native-responsive-image-view: React Native component for scaling an Image within the parent View