Navid Kalaei navid-kalaei

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.

How to install virtualenv:

Install pip first

sudo apt-get install python3-pip

Then install virtualenv using pip3

sudo pip3 install virtualenv

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

	/*
	This example was built using standard create-react-app out of the box with no modifications or ejections
	to the underlying scripts.

	In this example, i'm using Google as a social provider configured within the Cognito User Pool.

	Each step also represents a file, so you can see how I've chosen to organize stuff...you can do it however
	you'd like so long as you follow the basic flow (which may or may not be the official way....but its what I found that works.
	The docs are pretty horrible)

	package main

	import (
	"fmt"
	"reflect"
	)

	// Name of the struct tag used in examples
	const tagName = "validate"

	ssh-keygen -t rsa -b 4096 -m PEM -f jwtRS256.key
	# Don't add passphrase
	openssl rsa -in jwtRS256.key -pubout -outform PEM -out jwtRS256.key.pub
	cat jwtRS256.key
	cat jwtRS256.key.pub