Build Game Website With React And Typescript - Build React Components | Tutorial | Part B

Veröffentlicht am: 13 Februar 2021
auf dem Kanal: Lift And Shift Dev
2,936
53

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!