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
In questa pagina del sito puoi guardare il video online Build Game Website With React And Typescript - Build React Components | Tutorial | Part B della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Lift And Shift Dev 13 febbraio 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 2,936 volte e gli è piaciuto 53 spettatori. Buona visione!