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

{
  "U2": "easyjet",
  "1T": "Bulgarian Air Charter",
  "Q5": "40-Mile Air",
  "4O": "Interjet",
  "7A": "Express Air Cargo",
  "JY": "Air Turks and Caicos",
  "JU": "Air Serbia",
  "QH": "Kyrgyzstan",
  "A8": "Benin Golf Air",

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,
};