amaingot / todo Goto Github PK

The pattern would be something like this: For the listTodos query you would have a withTodoList HOC. The usage would look like this in the component:

Example

At the creation of the class it would look like this:

class Component extends React.Component<Props & WithTodoListProps, State> {

Then at the bottom of the file, it would look like this:

export default withTodoList<Props>()(Component);

HOCs to Build

• withTodoList
• withTodo
• withDeleteTodo
• withUpdateTodo

Things to consider

• Todo list includes subscriptions
• Todo details include subscriptions
• Mutations include optimisic responses

We would like to have a staging environment to test out features before pushing to production. We would like to have the production environment match the latest tag and staging match what is in master. #5 needs to be done before we can start on this.

This should be common practice, but it needs to be initialized. The topics that need to be documented are as follows:

• TSLint + Prettier
• Webpack + TS-Loader
• Apollo + AWSAppSyncClient
• ?env={branch} + index.html + S3 + CloudFront (and more)
• VS Code: configuration + extensions
• Running locally (serving assets locally)

There needs to be a repeatable solution for testing GraphQL-connected components.

See examples here: https://www.apollographql.com/docs/react/recipes/testing.html

This is a big discussion and needs more specifications. Put them here.

We need to remove the AWS AppSync variables from the GitHub repo and put them in our CircleCI project environment variables, also having them in our local system _gitignore_ed. There might need to be some custom scripts written around this, but yet to be determined.

This needs to be done after #5.

We went to be able to push changes to AWS AppSync via CircleCI. This might be a time to do environments for AppSync. But will be the next thing to follow.

Theoretically, we would want to only push the AppSync configuration on a Github tag. (that would be to the production AppSync environment)