ViewTube

By using the ::before and ::after pseudo element, I show you how to build this scrollable curved masked image grid. Find the full ...

In this video I explain how innerText and textContent differ, and show you cases where one can be useful or the other. Referenced ...

In this video, I explain the difference between React.Lazy and Dynamic Imports and why you cannot use Dynamic Imports for lazy ...

I built my own desktop app called Reframe — it converts landscape videos to vertical/portrait format, but with full control over what ...

February 8, 2023 made it a year since I created this channel. In this video, I say thanks to my subscribers, and everyone who has ...

If you've been writing React for a while, or using React-based frameworks like NextJS and GatsbyJS, you may have heard of ...

In this video, I explain why it would take YouTube a really long time before it can run out of IDs. This is due to YouTube's base ...

One feature I would really love to see in AI Chat Interfaces is Threads--the idea of having sub conversations within a main ...

I've struggled to understand the concept of "agents" for a while now, and I think it finally makes sense. In this video, I share my ...

In case you missed the update, I started a new role as a full time frontend engineer on Monday. In this video, I share what I've ...

As a part 1 of this course, I show you how to set up a React environment using Vite. You can find the code used in this video here: ...

Excited to share my simplified course where I help you become proficient at git. Learn more about the course here: ...

In this video, I talk about html IDs and how they are available in the global scope in JavaScript. Subscribe to My Channel: ...

When you specify a type of `string` in TypeScript, this can be any string from "string1" to "string2". Sometimes, you don't want to ...

JavaScript is a non-blocking language, and that is one of the reasons why AWAIT is restricted to ASYNC functions (or modules).

I got feedback on a change I made this week in my company; it had to do with translations. I was saving translations in state and ...

Arc Boosts allow you to add CSS or JavaScript to any website. Taking advantage of this, I've improved my experience on some of ...

I have a security camera running on my raspberrypi, but one problem I had with starting up the camera is that I had to ssh into the ...

Cross Origin Resource Sharing is a concept that applies to browsers. But there are a couple of misconceptions around it.

What are Interfaces and what are they used for? Subscribe to My Channel: https://bit.ly/deeecode _____ About Me: Dillion ...

In this video, I simplify the concept of callback functions in JavaScript and also share some use cases. You can also learn about ...

Since I started using Vue Query (vue's version of react query) this year, it has helped me structure and manage my application ...

Here is the syntax for typing your variables in TypeScript Written version: https://simpletypescript.dev/course/typescript-syntax/ ...

Type Inference makes writing TypeScript code easier and less stressful, as you don't always have to explicitly declare types for ...

In this video, I explain how browser extensions can influence hydration errors in React. Subscribe to My Channel: ...

As a developer, you've probably had to use port forwarding at some point. A popular use case is exposing your local environment ...

Hello there, I'm happy to announce a new channel I created which would exclusively be for sharing Tech+code content. There, I'd ...

What exactly is TypeScript and how is it different from JavaScript? Written version: ...

This week, I had a problem with my pre-commit hook implementation. I had a case where my hook was run in multiple instances, ...

Using TypeScript in VS Code makes the development experience smoother, as you get immediate feedback on type errors.

When you have a union of object types in TypeScript, you can use discriminating unions to narrow the type TypeScript should use.

For part 5 of this course, we build our first project. It is a Pricing Card Project gotten from Dribble, and we apply everything we have ...

In this video, you will understand how the Object Destructuring feature in JavaScript works and how you can use it easily extract ...

In this video, I show you how to build a nice 3d flip-caard animation using HTML and CSS Learn about CSS positions here: ...

In this lesson, I explain what Alternation or Alternate Characters are in Regular Expressions. I show how they are different from ...

In this lesson, we learn about backreferences and see examples where they can be very useful when building regex patterns.

I'll be kicking off a Simplified ReactJS Course here on my channel. This course is going to be a continuous series of videos, one ...

Here are 5 VS Code Tips that can improve your coding experience I use all these tips everyday for JavaScript, Markdowns, ...

Here are basic types you can use in TypeScript; from strings, to numbers, to booleans, to tuples to arrays. Subscribe to My ...

In this lesson, we learn about utility types exposed by TypeScript that allows us to avoid repeating ourself and easily extracting ...

We've seen how to do a "this OR that" type with unions. Well, in TypeScript, you can also do a "this AND that" type. This is with ...

Here are 3 CSS Tips that can improve your CSS development experience: 00:00 color-mix function 01:55 :has pseudo class 03:11 ...

This course is a work in progress. I'd be uploading the remaining lessons of this course in the coming days In this lesson, ...

In the previous lesson, we learnt how to create and manage state in components. But there's one more thing to know about state: ...

In this video, I explain this new logical operator, which checks for null and undefined and determines what operand to return.

In this lesson, we dive deeper into what the git commit command does, how it works with the git add command, and what the ...

Array Destructuring allows you to easily extract and assign values from an array to variables. In this video, I simplify this concept ...

In this video, I explain the difference between reversible and irreversible encryptions. Subscribe to My Channel: ...

In this lesson, part 7 of this course, we look at the concept of Component Composition. We've already seen this concept so far in ...

In this video, I show you how to build this fancy animated switcher with HTML, CSS, and absolutely zero JAVASCRIPT _____ ...

In this video, I show you how to build some nice form input animations with HTML, CSS, and absolutely zero JAVASCRIPT _____ ...

var, let and const are three keywords for creating variables in JavaScript. In this video, I explained the differences between these ...

In this video, I explain the difference between these operators and how they compare values and types in JavaScript. Check out ...

Sometimes you want to have a this or that type...for example, a variable that can be a number or string type. To achieve this in ...

In this demo, we use just CSS to create an auto-scroll word in a sentence. Codepen: https://codepen.io/Dillion/pen/RwdzBer ...

Thank you for the support on my YouTube channel. I hope to keep serving value and sharing knowledge in 2023 _____ ...

By default, TypeScript infers types from values with generic types like boolean, string, number. But we can narrow those types to ...

By default, TypeScript tries to infer the type of a value. But with type assertion, you can tell TypeScript to treat a value as a different ...

To create Responsive Typography in your websites, you might immediately want to reach for Media Queries. Well, the clamp ...

In the previous lesson, we looked at the useMemo hook which allows us to memoize computed values in our React Components ...

While there are many libraries out there for intersection animations, you can also use the INTERSECTION OBSERVER API in ...

In this video, I explain how JavaScript is single-threaded, and how the browser makes it look multithreaded. Subscribe to My ...

In this lesson, we look at the concept of Prop Drilling in React, which shows how props can be difficult to manage sometimes.

In this video, I show you how to easily setup a custom domain for GitHub pages for your project. Subscribe to My Channel: ...

In this video, the part 2 of my CSS Battle Series, I provide a solution for the Carrom Battle. Check out other videos in the series ...

In this video, the part 1 of my CSS Battle Series, I provide a solution for the Simply Square Battle. Useful videos: * CSS ...

You can say a variable should be of string type, number type, array type. But you can also say a variable should be an any type, ...

Here's a recap of everything we have seen in version 1 of this course Check out the course playlist here: ...

This course is a work in progress. I'd be uploading the remaining lessons of this course in the coming days In this lesson, ...

In this video, I share how the Native Share API allows you to enable easy sharing to native mechanisms on your user's device.

Async Await is a nicer syntax for handling promises in JavaScript. In this video, we learn about this syntax and see some ...

In this video, I show how I improve my development experience with VS Code Profiles. Subscribe to My Channel: ...

I found a nice background effect on https://javascript.com, where the background of the text does not have the same height as the ...

Here is how you can type methods of objects, and callbacks passed to functions. Subscribe to My Channel: https://bit.ly/deeecode ...

Component Lifecycle is an important concept to understand in React as it allows you to execute code at the right time ("phase") of ...

In this lesson, we learn about type generics and we see how useful they can be for reusability in our applications. Subscribe to My ...

In this video, the part 10 of my CSS Pseudo Classes Explained series, I simplified the is pseudo class. This class is applied to an ...

In this video, I share one of my recent learnings which is that "A ternary operator is a conditional operator" is a false statement.

We've come to the end of this course. Watch out for more videos and courses on TypeScript. Here's the written version for this ...

The Page Visibility API emits events when a tab's visibility changes and also provides the visibility state of the tab. Using this API ...

In this lesson, I explained what negated character classes are, and how they allow you to write more advanced regular ...

In this demo, we do a couple of calculations with CSS Find the full code here: ...