React | Typescript | Emotion | Chart.js - Web app that shows number of new COVID-19 cases скачать в хорошем качестве

React | Typescript | Emotion | Chart.js - Web app that shows number of new COVID-19 cases

In this video I will show you how to build a web app by using React, Typescript, Emotion (CSS-in-JS library) for writing styles, and Chart.js for displaying relevant COVID-19 data. I'm using create-react-app with typescript template. I will also use flexbox styles, so if you want to learn more about flexbox you can check my video:    • Build a Responsive CSS Layout with Flexbox   If you want to learn how to write tests for react apps, you can check this video:    • Test React components with React Testing l...   Git repo: https://github.com/codepanion/covid-1... Timestamps: 0:00 - Intro 0:40 - Project setup 2:55 - Fetch data from the server 5:51 - Create types for server response 10:35 - GlobalInfo component with Props interface 15:00 - Display countries 18:17 - Import Emotion and style list elements 24:14 - Global styles with Emotion 26:03 - Style GlobalInfo component 26:48 - List of selected countries 31:58 - Mark selected countries 37:00 - Import Chart.js and display data in the Bar Chart