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
Auf dieser Seite können Sie das Online-Video Build Game Website With React And Typescript - Build React Components | Tutorial | Part B mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Lift And Shift Dev 13 Februar 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,936 Mal angesehen und es wurde von 53 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!