bvaughn

React recently introduced an experimental profiler API. This page gives instructions on how to use this API in a production release of your app.

Table of Contents

• Profiling in production
  • Create React App
  • Webpack 4

Profiling in production

React DOM automatically supports profiling in development mode for v16.5+, but since profiling adds some small additional overhead it is opt-in for production mode. This gist explains how to opt-in.

obenjiro

COMING SOON

ghosh

/**************************\
  Basic Modal Styles
\**************************/

.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;

palicko

html {
  display: flex;
}

body {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}

VinnyFonseca

['change', 'keyup', 'paste', 'input', 'propertychange', 'every_other_event_you_want'].forEach(eventType => {
  [...document.querySelectorAll('SELECTOR')].forEach(element => {
    element.addEventListener(eventType, (event) => {
      console.log(event);
      
      // Your callback here
    }, false);
  });
});

nickdavis

<?php

add_action( 'acf/init', 'nd_acf_add_local_field_groups' );
/**
 * Add Advanced Custom Fields programatically (Repeater field).
 *
 * @link https://www.advancedcustomfields.com/resources/register-fields-via-php/
 * @link https://support.advancedcustomfields.com/forums/topic/register-two-locations-via-php-doesnt-work/
 * @link https://support.advancedcustomfields.com/forums/topic/adding-additional-layout-to-flexible_content-field-in-child-theme/
 *

josephdburdick

function getSupportedPropertyName(properties) {
    for (var i = 0; i < properties.length; i++) {
        if (typeof document.body.style[properties[i]] != "undefined") {
            return properties[i];
        }
    }
    return null;
}
  
  

sepiariver

<?php
// Only executable via SSH
if (PHP_SAPI !== 'cli') exit();
// Instantiate MODX
@include(dirname(__FILE__) . '/config.core.php');
if (!defined('MODX_CORE_PATH')) define('MODX_CORE_PATH', dirname(__FILE__) . '/core/');
include_once (MODX_CORE_PATH . "model/modx/modx.class.php");
$modx= new modX();
$modx->initialize('web');

thebugs

module.exports = {
    name: 'rules-delimiter',

    syntax: ['scss'],

    runBefore: "strip-spaces",

    setValue: function(value) {
        if (typeof value === 'number') {
            value =  Array(value + 2).join('\n');

magnetikonline

<?php
// https://gist.github.com/magnetikonline/650e30e485c0f91f2f40

class DumpHTTPRequestToFile {
	public function execute($targetFile) {
		$data = sprintf(
			"%s %s %s\n\nHTTP headers:\n",
			$_SERVER['REQUEST_METHOD'],
			$_SERVER['REQUEST_URI'],
			$_SERVER['SERVER_PROTOCOL']