Naboo's Podracing Misadventure

    @bam.tech/react-native-graphql-transformer

    0.1.5 • Public • Published

    react-native-graphql-transformer

    All Contributors

    Seamlessly use GraphQL files with react-native >= 0.45

    Foreword

    This package is inspired by the react-native-typescript-transform repository.

    Goal

    Use .gqlor .graphql files with React Native packager for better readability and separation of concerns.

    Exemple of a .gql file with import statement:

    #import "fragments/BasePost.gql"
     
    query PostListItemQuery($id: ID) {
      Post(id: $id) {
        ...BasePost
      }
    }

    Usage

    Step 1: Install

    yarn add -D react-native-graphql-transformer
    

    Step 2: Configure the react native packager

    Add this to your rn-cli.config.js (make one if you don't have one already):

    const { getDefaultConfig } = require('metro-config');
     
    module.exports = (async () => {
      const { resolver: { sourceExts } } = await getDefaultConfig();
      return {
        transformer: {
          babelTransformerPath: require.resolve('@bam.tech/react-native-graphql-transformer'),
        },
        resolver: {
          sourceExts: [...sourceExts, 'gql', 'graphql'],
        },
      };
    })();

    Step 3: Write GraphQL code!

    Contributors


    Thomas Pucci

    💻 📖 💡

    TychoTa

    💻

    Clément Taboulot

    💻

    arolson101

    💡

    ajubin

    💻

    Gerard de Brieder

    🐛

    License

    MIT

    Keywords

    none

    Install

    npm i @bam.tech/react-native-graphql-transformer

    DownloadsWeekly Downloads

    958

    Version

    0.1.5

    License

    MIT

    Unpacked Size

    66.1 kB

    Total Files

    8

    Last publish

    Collaborators

    • ajubin
    • minishlink
    • arlevoy
    • almouro
    • tychota
    • yannl
    • maximes
    • tpucci
    • antoined
    • pierrecapo
    • clementtab
    • julienc6
    • marionvalentin