react-native-graphql-transformer


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:

``gql
#import "fragments/BasePost.gql"

query PostListItemQuery($id: ID) {
Post(id: $id) {
...BasePost
}
}
`

Usage

$3

yarn add -D react-native-graphql-transformer

$3

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

`js
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'],
},
};
})();
``

$3

Contributors

|
_{Thomas Pucci}
💻 📖 💡 |
_TychoTa
💻 |
_{Clément Taboulot}
💻 |
_arolson101
💡 |
_ajubin
💻 |
_{Gerard de Brieder}
🐛 |
| :---: | :---: | :---: | :---: | :---: | :---: |

License

MIT