Build Game Website With ReactJs and Typescript - Styling Components | Tutorial | Part C
This is the third part of a series Building Game Website with React, Typescript and Styled Components.
First part: • Build Game Website With React And Typescri...
Second part: • Build Game Website With React And Typescri...
In this video, we will be styling our React components with Styled Components, declare custom types in Typescript and config Webpack to load static assets such as svg files
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 #svg #mediaquery
Support the channel: paypal.me/liftandshiftdev
0:00 - Introduction
1:50 - Define global styles and themes
5:15 - Create global styles component
9:50 - Style list view component
16:30 - Style card view component
26:50 - Adding icon svg
28:05 - Config Webpack to load svg files
31:30 - Declare custom types for svg files
33:10 - Render icons in card view component
39:00 - How styled-components load CSS
41:20 - Responsive design styling with media queries
Nesta página do site você pode assistir ao vídeo on-line Build Game Website With ReactJs and Typescript - Styling Components | Tutorial | Part C duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Lift And Shift Dev 20 Fevereiro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,580 vezes e gostou 49 espectadores. Boa visualização!
