React.js Conf 2016 - Lightning Talks - Elie Rotenberg

Meta Developers · 3K views · 2016 · 4:40

Open on YouTube

Web developmentSoftware (other)talkdated

Why Hacker News recommends it

Cited as the origin of react-armor style DOM obfuscation, and as a favourite short talk from the conference.

What it is

A five-minute lightning talk from React.js Conf 2016 by Elie Rotenberg on protecting the DOM from tampering. It shows how React tree obfuscation (react-armor) can shuffle class names, tags and tree structure to defeat CSS-selector-based ad blocking.

Recommended by 1 HN commenters across 1 different months, 2016 to 2019.

What Hacker News said

Strong rec iLoch · 2016-02 · on “React.js Conf 2016 [videos]”

My favourite talk was only 5 minutes long and came from Elie Rotenberg[0]. He demonstrated how React can be used to completely obfuscate the DOM tree. In practice it seems somewhat malicious to do this, however there may be some legitimate use cases too. [0] [this video]

Cites hokkos · 2016-08 · on “Facebook will force advertising on ad-blocking users”

Something like react-armor can make cryptographically unpredictable class name, tree structure and tag name obfuscation. But it won't be enough if the ad itself is not written with the same toolkit. [LINK] [this video]

Cites hokkos · 2016-08 · on “Facebook will force advertising on ad-blocking users”

Or they can already do dom obfuscation like react-armor, it can make cryptographically unpredictable class name, tree structure and tag name obfuscation. [LINK] [this video]

Cites elierotenberg · 2019-12 · on “How Facebook Avoids Ad Blockers”

It reminds me of a lightning talk I gave at ReactConf some time ago :) Basically forward-shuffling the component tree to produce HTML that will be really hard to match using CSS Selectors usually found in adblockers and other DOM-targeting scripts. Code: [LINK] Video: [this video]