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.

Ravenstine

'use strict';

class Frame {
  constructor(samples){
    // A single frame == 1 second of audio with a 44100 sample rate
    this.prev         = null;
    this._next        = null;
    // this.samples      = samples || new Float32Array(44100);
    this.samples      = samples || [];
    this.callbacks    = [];

busypeoples

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers } from 'redux'
import * as R from 'ramda'

// composition helper
const combine = R.curry((c, o) => x => (<div>{c(x)} {o(x)}</div>))
const combineComponents = (...args) => {
  const [first, ...rest] = args
  return R.reduce((acc, c) => combine(acc, c), first, rest)

gaearon

function postComments(state = [], action) {
  switch(action.type) {
    case 'LOAD_COMMENTS' :
      return action.comments;
    case 'ADD_COMMENT':
      return [...state, {
        user : { username: action.author },
        text : action.comment      
      }];
    case 'REMOVE_COMMENT':

marty-wang

Disclaimer: The instructions are the collective efforts from a few places online. 
Nothing here is my original. But I want to put them together in one place to save people from spending the same time as I did.

First off, bundle.
==================

1. cd to the project directory
2. Start the react-native packager if not started
3. Download the bundle to the asset folder:
curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

bendc

// array utils
// =================================================================================================

const combine = (...arrays) => [].concat(...arrays);

const compact = arr => arr.filter(Boolean);

const contains = (() => Array.prototype.includes
  ? (arr, value) => arr.includes(value)
  : (arr, value) => arr.some(el => el === value)

azureru

Permission Cheat Sheet

You will use this one a lot in Wordpress :P

   chown -R www-data:www-data ./
   // set the proper owner

Suave

mysql -Nse 'show tables' DATABASE_NAME | while read table; do mysql -e "truncate table $table" DATABASE_NAME; done

thomasnordlund

authRouteProvider.$inject = ['$routeProvider'];
function authRouteProvider ($routeProvider) {
  /**
   * Creates a controller bound to the route, or wraps the controller in param
   * so the authentication check is run before the original controller is executed
   * @param currentController
   * @return {Function} The wrapper controller
   */
  function redirectCtrlFactory (currentController) {
    _ctrl.$inject = ['currentUser__', 'userRole__', '$location'];

xcambar

Copyright (c) 2015 - Xavier Cambar <@ xcambar_gmail.com>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in