kamilkisiela

import {state} from '@loona/react';

@state()
export class BooksState {}

kamilkisiela

import {state} from '@loona/react';

@state({
  defaults: {
    books: []
  }
})
export class BooksState {}

kamilkisiela

import { mutation } from '@loona/react';

export class BooksState {
  @mutation('addBook')
  addBook(args, context) {
    // our new book
    const book = {
      id: generateRandomId(),
      title: args.title,
      __typename: 'Book',

kamilkisiela

export class AddBook {
  static type = '[Books] Add';

  constructor(public title: string) {}
}

kamilkisiela

//
// Using Action component
// 

import { Action } from '@loona/react';

export const NewBook = () => (
  <Action>
    {dispatch => (
      <button onClick={() => dispatch(new AddBook('Harry Potter'))}>

kamilkisiela

import {effect} from '@loona/react';

export class BooksState {
  @effect(AddBook)
  bookAdded(action, context) {
    console.log(action);
    // outputs:
    // {
    //   type: '[Books] Add',
    //   title: '...'

kamilkisiela

export class BooksState {
  // It does nothing except creating a new book
  @mutation('addBook')
  addBook(args, context) {
    return {
      id: generateRandomId(),
      title: args.title,
      __typename: 'Book',
    };
  }

kamilkisiela

import { createLoona, LoonaProvider } from '@loona/react';

import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient } from 'apollo-client';
import { ApolloProvider } from 'react-apollo';

// Instance of a cache
const cache = new InMemoryCache();

// Create Loona Link

kamilkisiela

new GraphQLObjectType({
  name: 'Post',
  fields: {
    id: {
      type: GraphQLString
    },
    text: {
      type: GraphQLString
    }
  }

kamilkisiela

type Post {
  id: String
  text: String
}