All Projects → the-road-to-learn-react → React Children As A Function Example

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Children As A Function Example

react-save-localstorage
🗄 React component to save data to localStorage on render phase safely
Stars: ✭ 26 (+8.33%)
Mutual labels:  render-props
react-virtual-container
Optimise your React apps by only rendering components when in proximity to the viewport.
Stars: ✭ 52 (+116.67%)
Mutual labels:  render-props
react-patterns
react patterns examples
Stars: ✭ 39 (+62.5%)
Mutual labels:  render-props
react-callbag-listener
👂 A React render-prop component that listens to values emitted by callbags
Stars: ✭ 21 (-12.5%)
Mutual labels:  render-props
redux-render
Ergonomic Redux bindings for React using render functions
Stars: ✭ 54 (+125%)
Mutual labels:  render-props
render-props
Easily and reliably support Render Props, Component Injection, and Function as a Child
Stars: ✭ 82 (+241.67%)
Mutual labels:  render-props
stickyard
Make your React component sticky the easy way
Stars: ✭ 83 (+245.83%)
Mutual labels:  render-props
Epitath
Compose render props imperatively with async/await/CPS kinda sugar
Stars: ✭ 393 (+1537.5%)
Mutual labels:  render-props
react-gearbox
⚙️📦 Gearbox - Renderless state provisioning and composition
Stars: ✭ 31 (+29.17%)
Mutual labels:  render-props
react-native-google-autocomplete
A react-native component with render props around the Google Autocomplete Api
Stars: ✭ 103 (+329.17%)
Mutual labels:  render-props
react-combine-contexts
🚀Use multiple React Contexts without pain.
Stars: ✭ 23 (-4.17%)
Mutual labels:  render-props
react-immer
No nonsense state management with Immer and React hooks
Stars: ✭ 13 (-45.83%)
Mutual labels:  render-props
react-treefold
A renderless tree component for your hierarchical React views
Stars: ✭ 37 (+54.17%)
Mutual labels:  render-props
paginated
⚛️ React render props component & custom hook for pagination.
Stars: ✭ 20 (-16.67%)
Mutual labels:  render-props
React Wasm
Declarative WebAssembly instantiation for React
Stars: ✭ 349 (+1354.17%)
Mutual labels:  render-props
redebounce
↘️ Render Props component to debounce the given value
Stars: ✭ 14 (-41.67%)
Mutual labels:  render-props
squeezy
1 kB React component for accessible accordions / collapse UI
Stars: ✭ 31 (+29.17%)
Mutual labels:  render-props
Formik
Build forms in React, without the tears 😭
Stars: ✭ 29,047 (+120929.17%)
Mutual labels:  render-props
React Fns
Browser API's turned into declarative React components and HoC's
Stars: ✭ 3,734 (+15458.33%)
Mutual labels:  render-props
react-sheltr
Shared element transition helper components for React
Stars: ✭ 33 (+37.5%)
Mutual labels:  render-props

react-children-as-a-function-example

Build Status Slack Greenkeeper badge

Showcasing how render prop components can be used to build a simple currency converter. Read more about it.

Installation

  • git clone [email protected]:the-road-to-learn-react/react-children-as-a-function-example.git
  • cd react-children-as-a-function-example
  • npm install
  • npm start
  • visit http://localhost:3000
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].