4K views · Feb 26, 2016 · 4:40 · 1 HN recommender · 4 mentions · discussed 2016–2019
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.
Why Hacker News points people here: Cited as the origin of react-armor style DOM obfuscation, and as a favourite short talk from the conference.
“My favourite talk was only 5 minutes long”HN comment, 2016
“My favourite talk was only 5 minutes long”
Five-minute talk showing React obfuscating the DOM tree
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
“Something like react-armor can make cryptographically unpredictable class name, tree structure and tag name obfuscation.”
Talk behind react-armor DOM obfuscation
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
“it can make cryptographically unpredictable class name, tree structure and tag name obfuscation.”
Talk behind react-armor DOM obfuscation
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
“forward-shuffling the component tree to produce HTML that will be really hard to match using CSS Selectors”
Author's own lightning talk on shuffling the component tree
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
