ReactJS API Tutorial #1 - Make a Twitch Dashboard

Опубликовано: 11 Октябрь 2024
на канале: Renaissance Engineer
23,785
311

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:
   • ReactJS API Tutorial #2 - Twitch Dash...  

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