maxcodes

import { compose, setPropTypes, withHandlers, lifecycle, getContext, withState } from 'recompose'

const HomeScene = ({ }) => (
  <View>
    // omitted
  </View>
)

export default compose(
  setPropTypes({

busypeoples

SetState React HigherOrderComponent

Why?

If you want to write stateless functions in React and need to combine a number of setState functions to that stateless function. Enables to compose a number of functions expecting state and props. This enables to reuse functions when needed and eases testing those functions (as they are standalone and decoupled from React.

Example

NikolaRavic

import React, { Component } from 'react';
import { View, Text, TouchableOpacity, Animated, StyleSheet } from 'react-native';
import { AppSizes, AppColors, AppFonts } from '@theme';
import { Icon } from 'react-native-elements';

export class SelectGroup extends Component {
  constructor (props) {
    super(props);
    this.state = {
      expanded: true,

komkanit

import { compose, withProps } from recompose

class RefsStore {
  store(name, value) {
    this[name] = value;
  }
}
const enhance = compose(
  withProps({ refs: new RefsStore() }),
)

benoneal

class AsyncButton extends Component {
  render() {
    const {
      loading,
      action, 
      label,
      children
    } = this.props

    return (

danilichev

import { ListView } from 'react-native';
import { compose, withProps } from 'recompose';
import TransactionItem from './TransactionItem';

const withDataSource = withProps({
  ds: new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 }),
});

const withClonedDataSource = withProps(({ ds, transactions = [] }) => ({
  dataSource: ds.cloneWithRows(transactions),

gregberge

import React from 'react'

class Home extends React.Component {
  state = { Component: null }
  
  componentWillMount() {
    import('./Home').then(Component => {
      this.setState({ Component })
    })
  }

IcculusC

import React from 'react';
import PropTypes from 'prop-types';
import { getContext, withContext } from 'recompose';


const Provider = () => withContext(
  { stores: PropTypes.object },
  props => ({ stores: props })
)(props => React.Children.only(props.children));

neroze

import React from 'react';
import {
    compose,
    setDisplayName,
    setPropTypes,
    withState,
    withHandlers
} from 'recompose'
const {Component} = React;

neroze

import React from 'react';
import {
    compose,
    setDisplayName,
    setPropTypes,
    withState,
    withHandlers,
    lifecycle,
    mapProps