roman01la

let ListContainer = ({ items }) => 
  <div className="list-container">
  {items.length ? <ul>
    {items.map(item => 
      <li key={item.id}>{item.name}</li>}
  </ul> : <p>No items found</p>}
 </div>

roman01la

function callWithEventValue(fn) {
  
  return comp(fn, lenseTo('target', 'value'));
}

class SomeComponent extends React.Component {
  render() {
    return (
      <div>
        //...

roman01la

function FwAjax3(host, cb) {
	var req = function() {
		try{ return new XMLHttpRequest();} catch(e){}
		try{ return new ActiveXObject("Msxml2.XMLHTTP.6.0") }catch(e){}
		try{ return new ActiveXObject("Msxml2.XMLHTTP.3.0") }catch(e){}
		try{ return new ActiveXObject("Msxml2.XMLHTTP") }catch(e){}
		try{ return new ActiveXObject("Microsoft.XMLHTTP") }catch(e){}
		return null;
	}(),
	boundary = function () {

roman01la

// Boring
if (isThisAwesome) {
  alert('yes'); // it's not
}

// Awesome
isThisAwesome && alert('yes');

// Also cool for guarding your code
var aCoolFunction = undefined;

roman01la

var message = "hello, how are you Tal?";

if (~message.indexOf('Tal')) {
    console.log('found matching text');
}

roman01la

(function() {
  var resizeTimer;
  
  // Assuming we have jQuery present
  $( window ).on( "resize", function() {
    
    // Use resizeTimer to throttle the resize handler
    clearTimeout( resizeTimer );
    resizeTimer = setTimeout(function() {

roman01la

// Cross browser, backward compatible solution
(function( window, Date ) {
// feature testing
var raf = window.mozRequestAnimationFrame    ||
          window.webkitRequestAnimationFrame ||
          window.msRequestAnimationFrame     ||
          window.oRequestAnimationFrame;

window.animLoop = function( render, element ) {
  var running, lastFrame = +new Date;