We'll get started with the Tipsters SportScore API to see how to fetch teams' fixtures, request specific events, toggle between different components and much more.
Tipsters SportScore API:
https://rapidapi.com/tipsters/api/sportscore1/
Source code:
https://github.com/NizarAffess/live-score
Timestamps:
00:00 - Intro
00:35 - Initial Markup
03:00 - Test API Response
04:58 - Hide API Key
06:21 - Events Endpoint
07:22 - Search Team ID
08:47 - Return Team's Fixtures
10:51 - Extract Fixture Data
17:27 - Update Fixture Hooks
18:30 - State Object Best Practice
22:01 - Render Fixture Data
25:59 - Add CSS
26:52 - Find Next Fixture
32:37 - Find Last Fixture
36:20 - Render Last Fixture
37:04 - Fixture Component
39:55 - Export Fixtures Handlers
45:31 - Render Match Result
47:25 - Toggle Fixtures
49:38 - Last Match on First Render
50:18 - Adding Icons
52:24 - Toggle Switchers Appearance
54:12 - Features & Performance Suggestions
