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
Nesta página do site você pode assistir ao vídeo on-line Build Game Website With React And Typescript - Build React Components | Tutorial | Part B duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Lift And Shift Dev 13 Fevereiro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 2,936 vezes e gostou 53 espectadores. Boa visualização!