YouTube Data API Tutorial: Create a YouTube Subscriber Count with React

Use the Youtube Data API and React Hooks to create a React component that displays the current subscriber count of any YouTube channel.

API Call:${channel_id}&key=${api_key}


CodeSandbox Setup: 1:24

YouTube Config: 2:08

Get YouTube API Key: 2:52

Secure API Key: 4:18

Get YouTube Channel ID: 5:20

YouTube Counter React Component: 5:58

React Hook useState: 6:37

React Hook useEffect: 7:43

API Call: 9:20

Fetch API: 10:37

Change State: 13:40

React Fragment: 14:22

Format Numbers with Numeral: 15:17

useEffect Array Arguments: 17:28


Welcome to my blog. My name is Akis Mparekas. I am a freelance web developer from Greece. At the same time I am taking my first steps in game development (unity) and animation (blender). I also create cool stuff, either for work or for fun. When I have time, I write tutorials and I blog.