liamcurry

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

webgio

App = new Marionette.Application();

App.addRegions {
  "headerRegion": "#header"
  "topMenuRegion": "#top-menu"
  "mainRegion"  : "#main"
  }

App.on 'initialize:after', ->
  Backbone.history.start()

dkleehammer

define([
    'marionette',
    'router',
    'controller',
    'modules/auth',
    'modules/vent',
    'views/_layout'
], function(Marionette, Router, Controller, Auth, Vent, Layout){
    var App = new Marionette.Application();

kevincennis

Installing V8 on a Mac

Prerequisites

• Install Xcode (Avaliable on the Mac App Store)
• Install Xcode Command Line Tools (Preferences > Downloads)
• Install depot_tools
  • $ git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
  • $ nano ~/.zshrc
  • Add path=('/path/to/depot_tools' $path)

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

rbuckton

// Debug/Checked compilation 
const DEBUG = true;

function conditional(condition) {
    return target => condition ? target : Function.prototype;
} 

@conditional(DEBUG)
function assert(condition, message = "assertion failed.") {
    if (!condition) throw new Error(message);

dherman

Motivation

• expression-oriented programming one of the great advances of FP
• expressions plug together like legos, making more malleable programming experience in-the-small

Examples

Write in an expression-oriented style, scoping variables as locally as possible:

robertgonzales

class Frame extends Component {
  componentDidMount() {
    this.iframeHead = this.node.contentDocument.head
    this.iframeRoot = this.node.contentDocument.body
    this.forceUpdate()
  }

  render() {
    const { children, head, ...rest } = this.props
    return (

darhonbek

Darkhonbek Mamataliev

Senior iOS Engineer at TikTok · ex Uber

GitHub | LinkedIn | Email

Building pixel perfect apps for 1 billion people. Areas: social network, delivery, finance, logistics.

EXPERIENCE

**TikTok, October, 2023 – Present