# \[React\] Code samples for integrating Bitmovin web player into React applications

**URL:** <https://community.bitmovin.com/t/react-code-samples-for-integrating-bitmovin-web-player-into-react-applications/1447>\
**Category:** Resources\
**Tags:** bitmovin, web, react, code-example\
**Created:** [October 27, 2022, 11:07am UTC](https://community.bitmovin.com/t/react-code-samples-for-integrating-bitmovin-web-player-into-react-applications/1447 "2022-10-27T11:07:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kishore](https://sea1.discourse-cdn.com/flex015/user_avatar/community.bitmovin.com/kishore/32/174_2.png) [@Kishore](https://community.bitmovin.com/u/Kishore)\
**Post date:** [October 27, 2022, 11:07am UTC](https://community.bitmovin.com/t/react-code-samples-for-integrating-bitmovin-web-player-into-react-applications/1447/1 "2022-10-27T11:07:17Z")

</div>

- [buildPlayerWithBundledNpmClassBased](https://github.com/bitmovin/bitmovin-player-web-samples/blob/main/react/bundled-player/class-based/src/bitmovinPlayer.js): Using the Bitmovin Monolithic NPM package on a class based React component.

- [buildPlayerWithBundledNpmFunctionBased](https://github.com/bitmovin/bitmovin-player-web-samples/blob/main/react/bundled-player/function-based/src/bitmovinPlayer.js): Using the Bitmovin Monolithic NPM package on a function based React component.

- [buildPlayerWithModularNpmClassBased](https://github.com/bitmovin/bitmovin-player-web-samples/blob/main/react/modular-player/class-based/src/bitmovinPlayer.js): Using the Bitmovin Modular NPM package on a class based React component.

- [buildPlayerWithModularNpmFunctionBased](https://github.com/bitmovin/bitmovin-player-web-samples/blob/main/react/modular-player/function-based/src/bitmovinPlayer.js): Using the Bitmovin Modular NPM package on a function based React component.

- [Bitmovin Player React Component](https://www.npmjs.com/package/bitmovin-player-react) - Bitmovin Player as a React component, currently in beta.