In this video we'll be building a loading spinner component with React, TypeScript and CSS. 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #react #typescript

Let's have a look at one of the easiest ways to format dates in JavaScript. date-fns Library: https://date-fns.org/ https://www.jsdelivr.com/package/npm/date-fns 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

CSS Variables allow you to define something ONCE and then use it MULTIPLE times through your stylesheet, keeping your code clean and maintainable 😎 For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #css #webdevelopment

Let's have a look at the hidden gems found in JSON.Stringify - there's more than you think. And it's not just indentation. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

The "structuredClone" function in JavaScript lets you make deep copies of objects, arrays and more while maintaining circular references and preserving functions, symbols etc. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/structuredClone 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode

The Nullish Coalescing Operator (??) in JavaScript lets you set default values for when things are missing. It's similar to Logical OR (||) but BETTER. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

Array Filter: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array Find: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

Yes, I have a favorite method 🫡 The Element "closest" method in the JavaScript DOM allows you to begin at a child element and traverse up the DOM using a selector to find a matching parent. Perfect for event listeners. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

The "for of" loop in JavaScript allows you to loop over iterable objects - for the most part, these are going to be arrays, or even strings 👀 For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

Let's have a look at the difference between Boolean and !! (double exclamation mark) in JavaScript/TypeScript and when you should use them. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript #typescript

The array "includes" method in JavaScript lets you check if a value exists within an array. This is a good alternative to using "indexOf" and checking if the value is -1. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

In JavaScript, immediately invoked function expressions (IIFEs) allows you to define a function and then call it immediately. Useful for controlling the scope of variables and performing computations. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Glossary/IIFE 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

Let's have a look at a few ways to remove items from arrays in JavaScript. This can be done by index, by condition, or from the start/end of an array - each one has it's own use cases. Array Splice: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array Filter: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array Find Index: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex Array Pop: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop Array Shift: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift Chapters: 0:00 Intro 0:32 Remove at Index 3:32 Using Array Filter 6:09 Remove from Start or End 7:41 Outro 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

The JSON "stringify" and "parse" methods in JavaScript allow you to work directly with JSON, either creating JSON strings or reading them. You can even create pretty-printed JSON natively. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript

The remainder operator (%, or modulo, mod) in JavaScript lets you find the remainder of a division between 2 numbers. Perfect for doing obscure maths calculations like converting 24 hour time into 12 hour time! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Remainder 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 🐦 Find me on Twitter - https://twitter.com/dcodeyt 💸 Support me on Patreon - https://www.patreon.com/dcode 📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript