Marin Atanasov tyxla

Anti-Patterns

too many rerenders, mostly because of inefficient selectors
computing something just to throw it away
initializing everything during Calypso boot

Be aware how Redux update cycle works

action dispatch calls reducer
reducer produces a new state (almost always)

React lifecycle cheatsheet

Method	Side effects¹	State updates²	Example uses
Mounting
`componentWillMount`		✓	Constructor equivalent for `createClass`
`render`			Create and return element(s)
`componentDidMount`	✓	✓	DOM manipulations, network requests, etc.
Updating
`componentWillReceiveProps`		✓	Update `state` based on changed `props`

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Default

Powerlevel10k

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = git@github.com:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

	// Get The Page ID You Need
	get_option( 'woocommerce_shop_page_id' );
	get_option( 'woocommerce_cart_page_id' );
	get_option( 'woocommerce_checkout_page_id' );
	get_option( 'woocommerce_pay_page_id' );
	get_option( 'woocommerce_thanks_page_id' );
	get_option( 'woocommerce_myaccount_page_id' );
	get_option( 'woocommerce_edit_address_page_id' );
	get_option( 'woocommerce_view_order_page_id' );
	get_option( 'woocommerce_terms_page_id' );