Building Secure React Applications β€’ Philippe De Ryck β€’ GOTO 2019

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments

In summary,

  • dangerouslySetInnerHTML is dangerous, so prefer conventional ways of rendering variables eg <div> {data} </div> which escapes everything, turning it into a text node.
  • use DOMPurify before passing data to dangerouslySetInnerHTML.
  • don't bypass React via refs to write innerHTML.
  • General secure coding practice: Don't filter 'bad things' by using blocklists of bad things, use allowlists of good things, because there are a large number of bad things you won't know about.

The talk was ok, but kinda basic.

πŸ‘οΈŽ︎ 46 πŸ‘€οΈŽ︎ u/holloway πŸ“…οΈŽ︎ Mar 11 2020 πŸ—«︎ replies

This is a talk from GOTO Berlin 2019 by Philippe De Ryck PhD in web security, OWASP and practical security mastermind and founder of Pragmatic Web Security. Give the full talk abstract a read below:

React is a secure framework. It handles cross-site scripting (XSS) out of the box. While these statements sound very hopeful, they are unfortunately far from reality. Building secure applications with React is easier than starting from scratch. However, even with React, there are several guidelines and considerations to take into account.

In this session, we take a deep-dive into two particular topics. We take a close look at XSS, React's defenses, and the responsibilities of the developer. The second topic zooms in on the challenges with including NPM dependencies. We look at how attackers abuse NPM to target your application. Throughout these topics, we build a set of concrete guidelines you can immediately apply to your applications.

What will the audience learn from this talk?
The audience will learn about real-world security pitfalls in React applications, more importantly, how to prevent them.

Does it feature code examples and/or live coding?
Yes, the entire talk is example driven!

πŸ‘οΈŽ︎ 12 πŸ‘€οΈŽ︎ u/goto-con πŸ“…οΈŽ︎ Mar 11 2020 πŸ—«︎ replies

Thank you for sharing! :)

πŸ‘οΈŽ︎ 2 πŸ‘€οΈŽ︎ u/atd285 πŸ“…οΈŽ︎ Mar 11 2020 πŸ—«︎ replies

!remindme 24h

πŸ‘οΈŽ︎ 1 πŸ‘€οΈŽ︎ u/wilomgfx πŸ“…οΈŽ︎ Mar 11 2020 πŸ—«︎ replies
Captions
No captions available for this video.
Info
Channel: GOTO Conferences
Views: 6,713
Rating: undefined out of 5
Keywords: GOTO, GOTOcon, GOTO Conference, GOTO (Software Conference), Videos for Developers, Computer Science, Programming, GOTOber, GOTO Berlin, Philippe De Ryck, OWASP, Pragmatic Web Security, React, Security
Id: O91hJJ5KMLs
Channel Id: undefined
Length: 44min 39sec (2679 seconds)
Published: Wed Mar 11 2020
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.