sorenlouv

import React, { Component } from 'react';

export default function withPropsChecker(WrappedComponent) {
  return class PropsChecker extends Component {
    componentWillReceiveProps(nextProps) {
      Object.keys(nextProps)
        .filter(key => {
          return nextProps[key] !== this.props[key];
        })
        .map(key => {

joelash

import React from 'react';

import {
  AppState,
} from 'react-native';

import Expo from 'expo';

class App extends React.Component {
  constructor(props) {

CodeMyUI

<div class="entries">
  <div class="entry">
    <div class="title">2011</div>
    <div class="body">
      <p>Neque sunt voluptatibus repellat pariatur ut enim. Eveniet rerum suscipit eveniet amet dignissimos. Doloremque et distinctio quod molestiae ut.</p>
    </div>
  </div>
  <div class="entry">
    <div class="title">2012</div>
    <div class="body">

albertorestifo

  componentDidUpdate(prevProps) {
    console.log('Rrow update diff:');

    const now = Object.entries(this.props);
    const added = now.filter(([key, val]) => {
      if (prevProps[key] === undefined) return true;
      if (prevProps[key] !== val) {
        console.log(`${key}
          - ${JSON.stringify(val)}

LottieVixen

Use a second laptop or headed computer as another monitor via vnc

Firstly check that xrandr has the modeline you need (resolution of the screen you want to use)

$ xrandr
Screen 0: minimum 320 x 200, current 2732 x 768, maximum 16384 x 16384
eDP connected primary 1366x768+0+0 (normal left inverted right x axis y axis) 309mm x 173mm
   1366x768      60.00*+
 1280x720 59.86 

tanyuan

miglen

Amazon Web Services (AWS) & Google Cloud Platform (GCP) explained in simple English

This guide is only representative from my point of view and it may not be accurate and you should go on the official AWS & GCP websites for accurate and detailed information. It's initially inspired by AWS in simple English and GCP for AWS professionals. The idea is to compare both services, give simple one-line explanation and examples with other software that might have similiar capabilities. Comment below for suggestions.

Category	Service	AWS	GCP	Description	It's like
Compute	IaaS	Amazon Elastic Compute Cloud (EC2)	Google Compute Engine	Type-1 virtual servers	VMware ESXi, Citrix XenServer
	PaaS	AWS Elastic Beanstalk	Google App Engine	Running your app on a platform

pierrebeaucamp

Lean Canvas

The Lean Canvas is a version of the Business Model Canvas adapted by Ash Maurya specifically for startups. You can read more about it here.

Problem Top 3 Problems

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

carcinocron

// Run this in the F12 javascript console in chrome
// if a redirect happens, the page will pause
// this helps because chrome's network tab's
// "preserve log" seems to technically preserve the log
// but you can't actually LOOK at it...
// also the "replay xhr" feature does not work after reload
// even if you "preserve log".

window.addEventListener("beforeunload", function() { debugger; }, false)