slikts

Why using the children prop makes React.memo() not work

I've recently ran into a pitfall of [React.memo()][memo] that seems generally overlooked; skimming over the top results in Google just finds it mentioned in passing in a [React issue][regit], but not in the [FAQ] or API [overview][react-api], and not in the articles that set out to explain React.memo() (at least the ones I looked at). The issue is specifically that nesting children defeats memoization, unless the children are just plain text. To give a simplified code example:

const Memoized = React.memo(({ children }) => (<div>{children}</div>));
// Won't ever re-render
<Memoized>bar</Memoized>
// Will re-render every time; the memoization does nothing

kamleshchandnani

Bundling Design Systems/Component Libraries

First of all you need to decide who will be your target consumers based on the following:

1. They have the same environment(webpack config, babel config) setup as you where you built your design system(this is mostly possible if you use monorepos/same configs where all the teams share the same environment).

2. They don't have the same environment which is the case when you work in bigger teams and you want to distribute your design system as any other npm package which is already built and can be used directly.

If your use case falls under case no. 1 then you can just compile the source babel src -d build and leave the bundling to the consumer projects tools(webpack/rollup)

tnottu

/*
 * Copy meta fields across languages
 */

$acf_keys_to_copy = [
	'acf_singular_field_name',
	'acf_repeater_field_name' => ['acf_repeater_subfield_name']
];

ebachter

import React from 'react';
import { connect } from 'react-redux';

class PageWidget extends React.Component {
  componentDidMount() {
    this.ifr.onload = () => {
      this.ifr.contentWindow.postMessage('hello', '*');
    };
    window.addEventListener("message", this.handleFrameTasks);
  }

JasonHoffmann

  .btn > .caret, .gform_button > .caret,
  .dropup > .btn > .caret,
  .dropup > .gform_button > .caret {
    border-top-color: #000 !important;
  }

.gform_fields {
  padding-left: 0;
  list-style: none;
  margin-left: -15px;

wturrell

#!/usr/bin/php -q
<?php
/*
Ampp3d - Ampp3d Google Analytics
Version: 0.1
Author: William Turrell
Author URI: wturrell.co.uk
Description: Use Google Analytics API to retrieve most popular pages and construct an HTML fragment we can use
Adapted from http://www.techpunch.co.uk/development/oauth2-google-analytics-api-service-account-php and 
https://github.com/lobsterdore/analytics-api-oauth2-example/blob/master/mostPopularContentExample.php

stojg

<?php
// An example on how to parse massive XML files with PHP by chunking it up to avoid running out of memory

// Open the XML
$handle = fopen('file.xml', 'r');

// Get the nodestring incrementally from the xml file by defining a callback
// In this case using a anon function.
nodeStringFromXMLFile($handle, '<item>', '</item>', function($nodeText){
    // Transform the XMLString into an array and