Loading...

#reactjs #react #javascript

ReactJS API Tutorial #1 - Make a Twitch Dashboard

10,706 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Jul 17, 2019

In this video we will make a dashboard showing the most popular Live Streams currently on Twitch as well as the most popular streams by specific games. We will be using ReactJS with react-router for routing, Bootstrap for styling, and Axios library for making our API calls to the Twitch API.

Link to code and live demo:
https://codesandbox.io/s/reactjs-twit...

You can play around with the code in codesandbox by forking the project above and inserting your API key into the variable in api.js

make your Twitch API account here:
https://dev.twitch.tv/

link to 2nd video:
https://youtu.be/4FqIvnW0l5s

This React API tutorial will teach you show you how to use an API in a more advanced way than most ReactJS tutorials, which generally only show you the most basic api calls with axios. In this tutorial you will see how you can actually use a 3rd party API with ReactJS to create an application. You will also make dynamic API calls by pulling parameters with React-Router and using them to call the Twitch API

This tutorial expects you to have a basic understanding of the basics of ReactJS like components, state, and props. If you've gone through the getting starting guide you should be able to follow what's going on. For state management we will use a new ReactJS 16 feature known as hooks, as opposed to Class based components
#reactjs #react #javascript

Loading...

When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...