Build Game Website With React And Typescript - Build React Components | Tutorial | Part B
This is the second part of a series Building Game Website with React, Typescript and Styled Components.
First part: • Build Game Website With React And Typescri...
In this second part, we will be implementing placeholder for game card view and game list view. This includes async fetch data with useEffect and error boundary high order component.
API reference: https://www.freetogame.com/api-doc
Code: https://github.com/dmngu9/free-game
#javascript #reactjs #typescript #styledcomponents #react #webdevelopment #reacthooks #liftandshiftdev #reacthoc #css #es6 #ts #js #webpack #webpackdevserver #babel #eslint #prettier
Support the channel: paypal.me/liftandshiftdev
0:00 - Introduction
0:50 - Install axios and react-router
2:00 - Define routes
4:00 - Placeholder for homepage
5:40 - Fixing tsconfig issue for import path
9:00 - GameList component placeholder
15:00 - GameCard component placeholder
20:20 - GameList smart component
23:12 - Overview of API used
24:15 - Implement fetching game data
31:10 - Fixing corejs issue
33:45 - Implementing withErrorBoundary HOC
On this page of the site you can watch the video online Build Game Website With React And Typescript - Build React Components | Tutorial | Part B with a duration of hours minute second in good quality, which was uploaded by the user Lift And Shift Dev 13 February 2021, share the link with friends and acquaintances, this video has already been watched 2,936 times on youtube and it was liked by 53 viewers. Enjoy your viewing!
