react.dev/_posts/2013-06-02-jsfiddle-integra...

---
title: JSFiddle Integration
author: vjeux
---

[JSFiddle](https://jsfiddle.net) just announced support for React. This is an exciting news as it makes collaboration on snippets of code a lot easier. You can play around this **[base React JSFiddle](https://jsfiddle.net/vjeux/kb3gN/)**, fork it and share it! A [fiddle without JSX](https://jsfiddle.net/vjeux/VkebS/) is also available.


<blockquote class="twitter-tweet" align="center"><p>React (by Facebook) is now available on JSFiddle. <a href="http://t.co/wNQf9JPv5u" title="http://facebook.github.io/react/">facebook.github.io/react/</a></p>&mdash; JSFiddle (@jsfiddle) <a href="https://twitter.com/jsfiddle/status/341114115781177344">June 2, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Initial version of the blog 12 years ago			`---`
			`title: JSFiddle Integration`
[docs] Give authors links. 10 years ago			`author: vjeux`
Initial version of the blog 12 years ago			`---`

SSL/TLSize all the things! (convert http:// to https:// where appropriate) Update links to use https:// where it is supported. There's probably a lot more that could be fixed, but these are the core ones I found (especially the download links in order to prevent MITM attacks). Note that there are some fb.me links that will redirect to http:// even while accessed over https://, but this seemed like the best way to fix those for now. NOTE: Only non-third-party files were modified. There are references to http:// URLs in vendored/third-party files, but seems appropriate to fix upstream for those rather than editing the files. Also, copy one image locally to the blog, as it was hotlinking to a site that did not support https://. Last, use youtube-nocookie.com instead of youtube.com for video embeds, as the former doesn't try to set a cookie on load (privacy enhancement). 10 years ago			`[JSFiddle](https://jsfiddle.net) just announced support for React. This is an exciting news as it makes collaboration on snippets of code a lot easier. You can play around this [base React JSFiddle](https://jsfiddle.net/vjeux/kb3gN/), fork it and share it! A [fiddle without JSX](https://jsfiddle.net/vjeux/VkebS/) is also available.`
Improve blog setup * All posts under blog/ * Index @ blog/index.html * Only show excerpt on index with "continue reading" link * Date, name formatting improvements (better for humans) It could probably still use some style tweaks but I feel better about it. Moving forward, we'll use the "excerpt" feature of Jekyll with the default separator, which is just 2 newlines. So the first paragraph will be special. Alternatively you can specify excerpt, but we'll want to fix the layout so that gets added in. 12 years ago
Initial version of the blog 12 years ago
			`<blockquote class="twitter-tweet" align="center"><p>React (by Facebook) is now available on JSFiddle. <a href="http://t.co/wNQf9JPv5u" title="http://facebook.github.io/react/">facebook.github.io/react/</a></p>— JSFiddle (@jsfiddle) <a href="https://twitter.com/jsfiddle/status/341114115781177344">June 2, 2013</a></blockquote>`
Adding \n at the end of the files 12 years ago			`<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>`