michalchudziak

export default function App(props: Props) {
  const [clipboardContents, setClipboardContents] = useClipboard();

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Clipboard contents: {clipboardContents}</Text>
      <TextInput 
        style={styles.input}
        onEndEditing={({nativeEvent: {text}}) => setClipboardContents(text)}
      />

michalchudziak

/* @flow */
import React, {useState, useEffect} from 'react';
import {NativeModules} from 'react-native';

export default function useClipboard() {
  const [contents, setContents] = useState('');

  useEffect(() => {
    getClipboardContents();
  }, []);

michalchudziak

/* @flow */
import React, {useState, useEffect} from 'react';
import {NativeModules} from 'react-native';

export default function useClipboard() {
  const [contents, setContents] = useState('');

  const setClipboardContents = (content) => {
    NativeModules.Clipboard.setString(content);
    setContents(content);

michalchudziak

/* @flow */
import React from 'react';
import {NativeModules} from 'react-native';

export default function useClipboard() {
  const contents = NativeModules.Clipboard.getString();

  const setClipboardContents = (content) => {
    NativeModules.Clipboard.setString(content)
  };

michalchudziak

/* @flow */
import React from 'react';

export default function useClipboard() {
  const contents = '';

  const setClipboardContents = (content) => {
  };

  return [contents, setClipboardContents];

michalchudziak

export default function App(props: Props) {
  const [inputValue, setInputValue] = useState('');

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Clipboard contents: {''}</Text>
      <TextInput 
        style={styles.input}
        onChangeText={setInputValue}
        onEndEditing={() => {}}

michalchudziak

export default function App(props: Props) {
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Clipboard contents: {''}</Text>
      <TextInput 
        style={styles.input}
        onEndEditing={() => {}}
      />
    </View>
  )

michalchudziak

export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to React Native!</Text>
        <Text style={styles.instructions}>To get started, edit App.js</Text>
        <Text style={styles.instructions}>{instructions}</Text>
      </View>
    );
  }

michalchudziak

const ComponentWithSavePost = graphql(savePostMutation, {
  props: ({ mutate }) => ({
    savePost: (title, body) => mutate({ variables: { title, body } }),
  }),
})(Component);

michalchudziak

const ComponentWithSaveCommentAndPostMutation = graphql(savePostMutation, { name : 'savePost' })(
  graphql(saveCommentMutation, { name : 'saveComment' })(Component)
);