# How to store data on the configuration service from a react front end?

**URL:** <https://discuss.dev.twitch.com/t/how-to-store-data-on-the-configuration-service-from-a-react-front-end/22508>\
**Category:** Extensions\
**Created:** [September 15, 2019, 1:55pm UTC](https://discuss.dev.twitch.com/t/how-to-store-data-on-the-configuration-service-from-a-react-front-end/22508 "2019-09-15T13:55:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![retro](https://avatars.discourse-cdn.com/v4/letter/r/4491bb/32.png) [@retro](https://discuss.dev.twitch.com/u/retro)\
**Post date:** [September 15, 2019, 1:55pm UTC](https://discuss.dev.twitch.com/t/how-to-store-data-on-the-configuration-service-from-a-react-front-end/22508/1 "2019-09-15T13:55:27Z")

</div>

hello.

I was looking at these two examples, and can’t figure it out

> <https://github.com/twitchdev/animal-facts/blob/master/src/components/App/App.js>

> <https://github.com/twitchdev/bot-commander/blob/master/src/components/App/App.js>

I need to store data on the configuration service from a react front end.

Also, what does this do,

```
  this.twitch.onContext((context,delta)=>{
                this.contextUpdate(context,delta)
            })
```

---

<div class="post-metadata">

**Author:** ![Breci](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/breci/32/5635_2.png) [@Breci](https://discuss.dev.twitch.com/u/Breci)\
**Post date:** [September 15, 2019, 2:08pm UTC](https://discuss.dev.twitch.com/t/how-to-store-data-on-the-configuration-service-from-a-react-front-end/22508/2 "2019-09-15T14:08:17Z")

</div>

Simply use  
`window.Twitch.ext.configuration.set('broadcaster',version,content)`

> **[Extensions Reference](https://dev.twitch.tv/docs/extensions/reference/#helper-configuration)**
>
> Extensions Reference

And the method you asked about simply call contextUpdate and change the state according to the new data when the context is updated on Twitch site

---

<div class="post-metadata">

**Author:** ![retro](https://avatars.discourse-cdn.com/v4/letter/r/4491bb/32.png) [@retro](https://discuss.dev.twitch.com/u/retro)\
**Post date:** [September 15, 2019, 2:27pm UTC](https://discuss.dev.twitch.com/t/how-to-store-data-on-the-configuration-service-from-a-react-front-end/22508/3 "2019-09-15T14:27:20Z")

</div>

Ok, thank you

What is version? And is content any specific data type?

Edit: Oh, it’s on the docs:

twitch.ext.configuration.set: void function (segment: String, version: String, content: String)