AndreiCalazans

export default createPaginationContainer(LinkList,
  {
    viewer: graphql`
      fragment LinkList_viewer on Viewer {
        allLinks(
          filter: $filter,
          first: $count,
          after: $after,
          orderBy: createdAt_DESC
        ) @connection(key: "LinkList_allLinks") {

AndreiCalazans

const LinkListPageQuery = graphql`
  query LinkListPageQuery(
    $count: Int!,
    $filter: LinkFilter,
    $after: String,
  ) {
    viewer {
      ...LinkList_viewer
    }
  }

AndreiCalazans

 _loadMore() {
    if (!this.props.relay.hasMore()) {
      console.log('Nothing more to load');
      return
    } else if (this.props.relay.isLoading()) {
      console.log('Request is already pending');
      return
    }

    this.props.relay.loadMore(ITEMS_PER_PAGE);

AndreiCalazans

_refetchConnection() {
    this.props.relay.refetchConnection(10,(e) => null, {
      filter: {
        description_contains: this.state.filterValue,
      }
    });
  }

AndreiCalazans

//  @flow

type Props = {} & ReduxProps & ReduxState

const mapStateToProps = state => ({
  user: state.user,
});
const mapDispatchToProps = dispatch => ({
  actions: {
    logout: () => dispatch(logout()),

AndreiCalazans

class YourCoolComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      counter: 0,
    };
    
    this.add = this.add.bind(this);
  }
  

AndreiCalazans

class YourCoolComponent extends Component {
  state = {
    counter: 0,
  }
  
  add = () => {
    this.setState(prevState => ({ counter: prevState.counter + 1 }));
  }
  
  render () {

AndreiCalazans

Bridging Native & React for iOS & Android

js -> native

• Simple Example
• Callbacks
• Promises
• Properties

native -> js

AndreiCalazans

import { createStackNavigator } from 'react-navigation';

import Home from './Home';
import StoryBook from './StoryBook';


const navigationOptions = {
  header: null,
};

AndreiCalazans

import React from 'react';
import { ScrollView, TouchableOpacity } from 'react-native';
import { createStackNavigator } from 'react-navigation';
import { ListItem, Text } from 'react-native-elements';

// USAGE COMPONENTS
import Avatar from './components/stories/Avatar.usage';

const List = ({ navigation }) => (
  <ScrollView>