express-generator-react-native-typescript-apollo-graphql

Express Generator CLI for React Native with Typescript and Apollo GraphQL Client

Usage no npm install needed!

<script type="module">
  import expressGeneratorReactNativeTypescriptApolloGraphql from 'https://cdn.skypack.dev/express-generator-react-native-typescript-apollo-graphql';
</script>

README

BTC 3B2R9u6dpJyWB4U6iDWC14y9yejnF5hsSN Buy me a coffee Ko-fi

Express Generator CLI for React Native with Typescript and Apollo GraphQL Client

This CLI helps to create new implemented front-end demo for React Native with Typescript and Apollo GraphQL Client from a boilerplate. To have a Full Stack project, or to test created demo, you can setup graphql server with using Express Generator CLI for Graphql Backend

About the NPM Package

Package Installation

npm install -g express-generator-react-native-typescript-apollo-graphql

Package Usage

Go to the directory on terminal where you want to generate the project.

$ cd PATH

and run the generator command with specifying the project name.

$ express-generator-rntag --name="PROJECT_NAME"

Documentation for the Boilerplate

When you generate the project, you will have;

Tech Stack

Features

  • GraphQL Queries with implementations in Typescript for Demo User Entity
  • GraphQL Mutations with implementations in Typescript for Demo User Entity
  • CRUD operations in Typescript for Demo User Entity
  • Full Ready CRUD Demo User Components: User List Component, Single User Component, User Dialog Component

Architecture

This boilerplate has common graphql client design architecture. Layers:

  • Components holds component implementations
  • Models holds document interfaces and schema models
  • Mutations holds basic mutation scripts to send graphql server; create, update, delete
  • Queries holds basic query scripts to send graphql server; retrieve

Installation

Install the dependencies and devDependencies:

$ cd <Project Name>
$ npm install

Set configuration parameters on config/index.ts:

GRAPHQL_URL: "{{GRAPHQL API URL}}"

And that's all, start the client

$ react-native run-android

Documentation for the Generator Project

Tech Stack

Plugins

express-generator-rntag is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

Plugin Usage
ejs to render global parameters like Project Name
inquirer to ask questions and parse input
shelljs to eliminate your shell script's dependency on Unix
yargs to build interactive command line tools
shx to wrap around ShellJS Unix commands
ts-node to execute TypeScript and REPL for node.js, with source map support

Installation

express-generator-rntag requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the application.

$ cd express-generator-react-native-typescript-apollo-graphql
$ npm install
$ npm start

To install the CLI globally:

$ npm run-script build
$ npm install -g .

And global usage:

$ express-generator-rntag --name="PROJECT_NAME"

Authors

  • Fatih Türker

Sponsors

No sponsors yet! Will you be the first?

Contributors

No contributers yet! Will you be the first?

License

MIT