Discussion on "Let's code a Virtual DOM!"

Krzysztof Kałamarski · 2022-04-11T22:21:08.705Z

What is the DOM? DOM (Document Object Model) is a tree-like structure that holds information about how an HTML (or XML) page is structured. Each individual node in the tree represents an element on a web page. In Javascript, DOM can be accessed and m...

Are you sure this code works?

const app = document.querySelector<HTMLDivElement>('#app')!;

I think you need to remove <HTMLDivElement> & the ! right before the semicolon.

I think it is supposed to be: const app = document.querySelector('#app');

hey raddevus, thanks for commenting :)

All code I used in this post is a valid TypeScript code.

The ! is a non-null assertion operator - see the docs.

But you are right, if you want to run this code in the browser you need to remove typescript-specific syntax (like type annotation and !)

Krzysztof Kałamarski Ahh...TypeScript Ok, got it.

Well explained. Endless possibilities in such an easy concept. Waiting for next parts!

Easy examples, and an interesting read 💫

Excellent write-up. Very easy to understand.

nice and clean explanation

This is excellent information. I look forward to reading more of this series. 😎

Super nice and understandable explanation! Keep it up 🚀

Discussion

Let's code a Virtual DOM!

Responses(7)

Recent in Forum

Search Hashnode

Let's code a Virtual DOM!

Responses(7)

Recent in Forum