<figure class="
 sqs-block-image-figure
 intrinsic
 "
 >
 
 
 

 
 
 
 
 <img class="thumb-image" data-image="https://images.squarespace-cdn.com/content/v1/54ba9346e4b0c2c1faea20d7/1430834447158-M1QZ8CN6GFYD612RTMCK/ke17ZwdGBToddI8pDm48kARWAOtCF3JtEltxk_XLXzBZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpwlaX0xr4H4fDLOGooJLRQEEbpwRJmNRoTVxfu66UFfMevXha7zg7RLVDlxaA9onoQ/patterns.gif" data-image-dimensions="500x352" data-image-focal-point="0.5,0.5" alt="via Giphy" data-load="false" data-image-id="5548cd0ee4b00b9ffc9a2804" data-type="image" src="https://images.squarespace-cdn.com/content/v1/54ba9346e4b0c2c1faea20d7/1430834447158-M1QZ8CN6GFYD612RTMCK/ke17ZwdGBToddI8pDm48kARWAOtCF3JtEltxk_XLXzBZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpwlaX0xr4H4fDLOGooJLRQEEbpwRJmNRoTVxfu66UFfMevXha7zg7RLVDlxaA9onoQ/patterns.gif?format=1000w" />
 
 
 
 

 
 
 <figcaption class="image-caption-wrapper">
 via <a target="_blank" href="http://giphy.com/gifs/woahdude-pattern-Z3oZxkMzzMlKU">Giphy</a>
 </figcaption>
 
 
 </figure>
 

 
 









<a href="https://twitter.com/erindepew">Erin</a> and <a href="https://twitter.com/theseanoc">Sean</a> talk about React, transitioning from design to development, and designing for the web.

Here are the links for tools and topics discussed:

<ul>
<li><a href="https://facebook.github.io/react/">React</a></li>
<li><a href="http://backbonejs.org/">Backbone</a></li>
<li><a href="http://marionettejs.com/">Marionette</a></li>
<li><a href="https://jquery.com/">jQuery</a></li>
<li><a href="https://facebook.github.io/jsx/">JSX</a></li>
<li><a href="https://github.com/davidguttman/sassify">Sassify</a></li>
<li><a href="https://facebook.github.io/react/docs/glossary.html">Virtual DOM</a></li>
<li><a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">ES6</a></li>
<li><a href="http://coffeescript.org/">CoffeeScript</a></li>
<li><a href="http://browserify.org/">Browserify</a></li>
<li><a href="http://gruntjs.com/">Grunt</a></li>
<li><a href="http://en.wikipedia.org/wiki/Notepad_%28software%29">Notepad</a></li>
<li><a href="http://hugeinc.com">HUGE</a></li>
<li><a href="http://alistapart.com/blog/post/getting-started-with-pattern-libraries">Pattern Libraries</a></li>
<li><a href="http://www.highcharts.com/">HighCharts</a></li>
<li><a href="http://d3js.org/">D3</a></li>
<li><a href="http://patternlab.io/">Pattern Lab</a></li>
</ul>

via Giphy Erin and Sean talk about React, transitioning from design to development, and designing for the web. Here are the links for tools and topics discussed: React Backbone Marionette jQuery JSX Sassify Virtual DOM ES6 CoffeeScript Browserify Grunt Notepad HUGE Pattern Libraries HighCharts D3 Pattern Lab

via <a href="http://giphy.com/gifs/woahdude-pattern-Z3oZxkMzzMlKU" rel="noopener noreferrer">Giphy</a>
 
 
 
 
 

 
 









<a href="https://twitter.com/erindepew" rel="noopener noreferrer">Erin</a> and <a href="https://twitter.com/theseanoc" rel="noopener noreferrer">Sean</a> talk about React, transitioning from design to development, and designing for the web.

Here are the links for tools and topics discussed:

<ul>
<li><a href="https://facebook.github.io/react/" rel="noopener noreferrer">React</a></li>
<li><a href="http://backbonejs.org/" rel="noopener noreferrer">Backbone</a></li>
<li><a href="http://marionettejs.com/" rel="noopener noreferrer">Marionette</a></li>
<li><a href="https://jquery.com/" rel="noopener noreferrer">jQuery</a></li>
<li><a href="https://facebook.github.io/jsx/" rel="noopener noreferrer">JSX</a></li>
<li><a href="https://github.com/davidguttman/sassify" rel="noopener noreferrer">Sassify</a></li>
<li><a href="https://facebook.github.io/react/docs/glossary.html" rel="noopener noreferrer">Virtual DOM</a></li>
<li><a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts" rel="noopener noreferrer">ES6</a></li>
<li><a href="http://coffeescript.org/" rel="noopener noreferrer">CoffeeScript</a></li>
<li><a href="http://browserify.org/" rel="noopener noreferrer">Browserify</a></li>
<li><a href="http://gruntjs.com/" rel="noopener noreferrer">Grunt</a></li>
<li><a href="http://en.wikipedia.org/wiki/Notepad_%28software%29" rel="noopener noreferrer">Notepad</a></li>
<li><a href="http://hugeinc.com" rel="noopener noreferrer">HUGE</a></li>
<li><a href="http://alistapart.com/blog/post/getting-started-with-pattern-libraries" rel="noopener noreferrer">Pattern Libraries</a></li>
<li><a href="http://www.highcharts.com/" rel="noopener noreferrer">HighCharts</a></li>
<li><a href="http://d3js.org/" rel="noopener noreferrer">D3</a></li>
<li><a href="http://patternlab.io/" rel="noopener noreferrer">Pattern Lab</a></li>
</ul>

5 - Here It Goes Again

A weekly conversation about life as tech folk building product. Join us each week for conversations with the Bitly tech team and friends about topics ranging from the soft and fuzzy to the latest shiny new tech.

Share 5 - Here It Goes Again

Sign up to save your podcasts

5 - Here It Goes Again

5 - Here It Goes Again