SVG Components in React

Uploaded By: Myvideo

Published on

9 Oct 2023

1 view

0

0 votes

0

About Share Download Add to

#SVG is great as you get to scale it without loss of quality. In this lesson we look at various ways you can use SVG in #React and then we also look at #SVGR to automate the creation of components for us. We are using #TypeScript but this will work with #JavaScript as well 🌹 This lesson was requested in the comments. If you have a lesson request, leave it below ❤️ #basarat #svg #react #tutorial In this lesson 0:00 Intro 0:12 Export SVG 0:22 Built in Support 1:14 Create Components 2:32 Automating Component Creation 3:40 Use SVG as Font 4:40 Outro 👇 SUBSCRIBE for MORE 👇 **Feel Free To Read This Lot** I'm Basarat, That TypeScript Guy and I love helping developers. More about me: Microsoft MVP for TypeScript Lead Frontend Practice at Australia Post Creator 150K contributions on Stackoverflow. Top Contributor for Typ

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/eGJja2QwODdwcVhvekZPb1Jaa0hqM1NlNis3OVdzWlV0Q3Z2WUpSaGJSQT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

40106 Hex Oscillator Bank - DIY Modular in a Week 1.1

3 weeks ago

00:19:27

40106 Hex Oscillator Bank - DIY Modular in a Week 1.1

1 12%

Advanced Dropdown Menu - React & CSS Animation Tutorial for Beginners

3 months ago

00:16:51

Advanced Dropdown Menu - React & CSS Animation Tutorial for Beginners

2 91%

React Portfolio Website | Build and Deploy | Responsive Portfolio Website Tutorial for Beginners

6 months ago

01:39:52

React Portfolio Website | Build and Deploy | Responsive Portfolio Website Tutorial for Beginners

5 11%

React Website Tutorial for Beginners | Responsive React Website Using Styled Components

6 months ago

01:59:12

React Website Tutorial for Beginners | Responsive React Website Using Styled Components

9 15%

3 Awesome React Loading Screens | Skeleton - Circular - Animated

6 months ago

01:02:00

3 Awesome React Loading Screens | Skeleton - Circular - Animated

3 39%

React Millionaire Quiz App Tutorial for Beginners

6 months ago

01:06:46

React Millionaire Quiz App Tutorial for Beginners

1 77%

React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners

6 months ago

02:38:49

React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners

3 7%

What's New in OpenCutList

9 months ago

00:04:13

What's New in OpenCutList

39 54%

X-Carve Bluetooth Speaker with Wireless Charger | Rockler Bluetooth Speaker

9 months ago

00:09:58

X-Carve Bluetooth Speaker with Wireless Charger | Rockler Bluetooth Speaker

1 16%

OpenCutList 6.0 Ideas : Smart Export Tool to DXF, SVG, STL and OBJ

12 months ago

00:02:47

OpenCutList 6.0 Ideas : Smart Export Tool to DXF, SVG, STL and OBJ

41 63%

Nesting Parts in Fusion 360 with MapBoards Pro

1 year ago

00:08:08

Nesting Parts in Fusion 360 with MapBoards Pro

1 18%

Channeling and Quantum Mechanics - Physics of The Wheel of Time

1 year ago

00:06:15

Channeling and Quantum Mechanics - Physics of The Wheel of Time

2 9%

SVG Components in React

1 year ago

00:04:57

SVG Components in React

1 40%

Mit der Zeitmaschine zurck in die ra der Landsknechte: Frundsbergfest 2023, Mindelheim .

1 year ago

00:08:02

Mit der Zeitmaschine zurck in die ra der Landsknechte: Frundsbergfest 2023, Mindelheim .

1 60%

DOS Doom LAN Party for #DOScember2022!

2 years ago

00:36:27

DOS Doom LAN Party for #DOScember2022!

7 91%

Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!

2 years ago

01:02:23

Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!

3 55%

React E-Commerce App Design Tutorial | React Shopping Cart UI Design

2 years ago

02:58:50

React E-Commerce App Design Tutorial | React Shopping Cart UI Design

1 28%

Build a responsive website with HTML & CSS | Part Four: The navigation

2 years ago

00:52:51

Build a responsive website with HTML & CSS | Part Four: The navigation

12 23%

ДБП 08/39 | Элементы, Компоненты и Элемент Референсы | Урок Fontlab 8

2 years ago

00:23:54

ДБП 08/39 | Элементы, Компоненты и Элемент Референсы | Урок Fontlab 8

55 86%

complete-react-developer-in-2022-w-redux-hooks-graphql-updated-22-04-2022-2

2 years ago

11:59:59

complete-react-developer-in-2022-w-redux-hooks-graphql-updated-22-04-2022-2

433 51%

website-security-foundations

2 years ago

08:34:17

website-security-foundations

86 62%

udemy-laravel-api-development-vue-js-spa-from-scratch-2019-7

2 years ago

05:38:47

udemy-laravel-api-development-vue-js-spa-from-scratch-2019-7

22 13%

Thinking on ways to solve a DARK/LIGHT THEME SWITCH

3 years ago

00:24:56

Thinking on ways to solve a DARK/LIGHT THEME SWITCH

15 24%

Субъективный и объективный компонент сознания

3 years ago

00:03:26

Субъективный и объективный компонент сознания

738 91%

0 Comments

Guest