Build Game Website With ReactJs and Typescript - Styling Components | Tutorial | Part C

Veröffentlicht am: 20 Februar 2021
auf dem Kanal: Lift And Shift Dev

1,580

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

Auf dieser Seite können Sie das Online-Video Build Game Website With ReactJs and Typescript - Styling Components | Tutorial | Part C mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Lift And Shift Dev 20 Februar 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,580 Mal angesehen und es wurde von 49 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

91,416

6.9K