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
En esta página del sitio puede ver el video en línea Build Game Website With React And Typescript - Build React Components | Tutorial | Part B de Duración hora minuto segunda en buena calidad , que subió el usuario Lift And Shift Dev 13 febrero 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 2,936 veces y le gustó 53 a los espectadores. Disfruta viendo!