khalidx

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!

package.json

bvaughn

RFC Test Selectors

Owner: Brian Vaughn

---

As of facebook/react/pull/22760, the experimental Test Selector API is now available in the experimental release channel.

To test the API, first install the experimental release:

OrKoN

/**
 * WARNING: don't use the code in production, it only works for a single process instance and does not work in cluster mode.
 */

const express = require('express');
const app = express();

let nextRequestId = 1; // request counter
let nextPaymentId = 1; // payment counter

steveklabnik

#![feature(lang_items)]
#![no_std]

#[no_mangle]
pub fn add_one(x: i32) -> i32 {
    x + 1
}


// needed for no_std

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

p3t3r67x0

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

phamann

console.log("Worker startup");

this.oninstall = function(event) {

    console.log('Worker install');

    event.waitUntil(
        caches.create('static').then(function(cache) {
            return cache.add(
                //Templates

pwartbichler

(function () {
    "use strict";
    // once cached, the css file is stored on the client forever unless
    // the URL below is changed. Any change will invalidate the cache
    var css_href = '/static/css/web-fonts.css';
    // a simple event handler wrapper
    function on(el, ev, callback) {
        if ( el.addEventListener ) {
            el.addEventListener(ev, callback, false);
        } else if ( el.attachEvent ) {

usaphp

// HTML:

<div class="display-type"></div>




// CSS:

// set the content of an element depending on the media query

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---