React Twitch Embed Video

Your solution to embedding the Twitch video player in your ReactJS application

https://talk2megooseman.github.io/react-twitch-embed-video/

Installation

yarn	npm
yarn add react-twitch-embed-video	npm install react-twitch-embed-video

Usage

Visit the github page for lives examples and documentation: https://talk2megooseman.github.io/react-twitch-embed-video/

import ReactTwitchEmbedVideo from "react-twitch-embed-video"
.
.
.

<ReactTwitchEmbedVideo channel="talk2megooseman" />

For full documentation on how to use React Twitch Embed Video visit: https://talk2megooseman.github.io/react-twitch-embed-video/

Troubleshooting

• Video embed not working in Brave browser
  • By default Brave block all third party cookies which causes issues using the Twitch Embed Player. In order to get the player to work you either have to allow third party cookies Setting->Additional Settings->Privacy and Security->Site Settings->Cookies or you can add Twitch to the whitelist so you can still block other third party cookies.

Development

Usage

1. Install modules

   pnpm

2. Start storybook and start coding!

   pnpm dev

3. Make project available locally by using npm link

4. To test if it works correctly in another project you can use npm npm link react-twitch-embed-video

5. Verify all tests are passing

   pnpm test

Extra

• If you want to automatically fix lint problems run :

  pnpm lint:fix

Commands

• pnpm
• pnpm build
• pnpm test
• pnpm coverage
• pnpm start
• pnpm release
• pnpm lint
• pnpm lint:fix