Resources for Architecture of a Shopify App Unite Talk

Polaris

You can view the source code for Polaris v2 on Github, and make sure to visit our expanded Styleguide.

React

• react-html: Provides an HTML React component for use in server-side rendering.
• react-serialize: Provides a component and matching utilities for safely serializing data between server and client.
• react-shopify-app-route-propagator: Provides a React component that automatically matches the path of a React single page embedded app to the admin frame.

React Testing

• enzyme-utilities: Additional utilities for testing React components with Enzyme.
• jest-dom-mocks: Mocks of common DOM globals for use with Jest.
• jest-mock-apollo: A mock version of Apollo that allows specifying per-operation GraphQL fixtures.
• jest-mock-router: A mock version of React Router 3.

GraphQL

• graphql-typescript-definitions: A command line tool to generate TypeScript definition files (.d.ts) from static GraphQL files (.graphql).
• graphql-validate-fixtures: A command line tool to compare the types from JSON fixtures to their associated static GraphQL operations.

Koa

• koa-shopify-auth: Provides a series of Koa middlewares for authenticating with Shopify’s REST and GraphQL APIs.
• koa-shopify-graphql-proxy: A Koa middleware to proxy GraphQL requests to Shopify.
• jest-koa-mocks: A mock version of Koa’s context for use with Jest.

Other

• with-env: Safe switching of process.env.NODE_ENV.