Mutating Data

In this tutorial we will learn how to add new data or modify existing data in the Commure Platform.

You will need to be authenticated to read data, so make sure to read the authentication tutorial first.

React Data Mutation

The simplest way to create or update data in the Commure Platform is to use the <withFhirDataMutate/> higher-order component.

1import React, { useState, useEffect } from "react";
2import {
3  FhirMethod,
4  withFhirDataMutate,
5  FhirDataMutateConsumer
6} from "@commure/components-data";
7import { Resource, Bundle } from "@commure/fhir-types/r4/types";
8
9interface AnyResource extends Resource {
10  [key: string]: any;
11}
12
13const MyComponent = (props: FhirDataMutateConsumer) => {
14  const { mutate } = props;
15  const [outcome, setBundle] = useState<Bundle | undefined>(undefined);
16  useEffect(() => {
17    mutate({
18      query: "Patient",
19      body: {
20        resourceType: "Patient",
21        name: [{ given: ["john"] }],
22        gender: "male"
23      } as AnyResource,
24      method: FhirMethod.POST
25    })
26      .then((response: Response) => response.clone().json())
27      .then(data => setBundle(data));
28  }, [mutate]);
29  return <div>Outcome: {JSON.stringify(outcome)}</div>;
30};
31
32export default withFhirDataMutate(MyComponent);

The above example will create a new Patient resource with the following contents:

1{
2  "resourceType": "Patient",
3  "name": [{ "given": ["john"] }],
4  "gender": "male"
5}

Since we are using FhirMethod.POST, a new resource will be created.

Related Reading

withFhirDataMutate component reference documentation

Non-React Data Mutation

The same data as in the React example above can be created using curl as follows.

1curl -X POST 'https://api-TENANT_ID.staging.developer.commure.com/api/v1/r4/Patient' \
2-H 'Content-Type: application/json' \
3-H 'Authorization: Bearer ACCESS_TOKEN' \
4--data-raw '{
5  "resourceType": "Patient",
6  "name": [{ "given": ["john"] }],
7  "gender": "male"
8}'

You'll need to replace TENANT_ID with your actual Commure tenant ID, which you find in the top right menu in the console. The ACCESS_TOKEN should be replaced with the value obtained after authentication.

The above curl command will return something like the following.

1{
2  "resourceType": "Patient",
3  "id": "e64cf541-0d37-4327-a60b-032f8104ecd3",
4  "meta": {
5    "versionId": "6881c0ca-e806-40d5-9695-9878508cb6ce",
6    "lastUpdated": "2020-02-06T08:22:17.419384+00:00"
7  },
8  "name": [
9    {
10      "given": ["john"]
11    }
12  ],
13  "gender": "male"
14}

Related Reading

Working With FHIR

Commure FHIR API