# \[Release\] SDK for React - Making integrations with React a breeze

**URL:** <https://community.bloomreach.com/t/release-sdk-for-react-making-integrations-with-react-a-breeze/220>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [July 25, 2018, 9:24pm UTC](https://community.bloomreach.com/t/release-sdk-for-react-making-integrations-with-react-a-breeze/220 "2018-07-25T21:24:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robbert\_Kauffman](https://avatars.discourse-cdn.com/v4/letter/r/e5b9ba/32.png) [@Robbert\_Kauffman](https://community.bloomreach.com/u/Robbert_Kauffman)\
**Post date:** [July 25, 2018, 9:24pm UTC](https://community.bloomreach.com/t/release-sdk-for-react-making-integrations-with-react-a-breeze/220/1 "2018-07-25T21:24:35Z")

</div>

Hi all!,

I’m very happy to announce the first release of the [BloomReach Experience SDK for React](https://www.npmjs.com/package/bloomreach-experience-react-sdk). This library makes integrating a React app with BloomReach Experience a breeze. It supports both client-side- and server-side rendered/isomorphic React apps.

With this library only a couple lines of code are required to have BRE power your React app:

```auto
import React from 'react'
import { CmsPage, RenderCmsComponent } from 'bloomreach-experience-react-sdk'

const componentDefinitions = {
  "MyCustomComponent": { component: MyCustomComponent }
}

class MyApp extends React.Component {
  render() {
    const currentUrl = window.location.href.pathname
    return (
      <CmsPage componentDefinitions={componentDefinitions} url={currentUrl}>
        { () =>
          <RenderCmsComponent />
        }
      </CmsPage>
    )
  }
}

```

You can find the SDK and further instructions on [Github](https://github.com/bloomreach/experience-react-sdk).

Hope this will make things easier for you. Let me know if you have any questions or feedback!

Robbert