Luis Serrano luisnomad

## enzyme-cheatsheet.js
// Show rendered HTML
const wrapper = shallow(<App />)
console.log(wrapper.debug())

// Disable lifecycle methods of react within tests
const wrapper = mount(<App />, { disableLifecycleMethods: true })

// Assert number of occurrences
expect(wrapper.find('p').length).toBe(1)

## prepack-gentle-intro-1.md

      
              1 file
            
          
              26 forks
            
          
              14 comments
            
          
              637 stars
            
          
                gaearon
                / prepack-gentle-intro-1.md
            
            
              Last active
              May 3, 2024 12:56
            
              
                A Gentle Introduction to Prepack, Part 1
              
          
Note:
When this guide is more complete, the plan is to move it into Prepack documentation.

For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.


## iterm2.md

      
              1 file
            
          
              400 forks
            
          
              70 comments
            
          
              1920 stars
            
          
                squarism
                / iterm2.md
            
            
              Last active
              May 6, 2024 22:59
            
              
                An iTerm2 Cheatsheet
              
          
    Tabs and Windows


Function
Shortcut


New Tab
⌘ + T


Close Tab or Window
⌘ + W  (same as many mac apps)


Go to Tab
⌘ + Number Key  (ie: ⌘2 is 2nd tab)


Go to Split Pane by Direction
⌘ + Option + Arrow Key


Cycle iTerm Windows
⌘ + backtick (true of all mac apps and works with desktops/mission control)


## JSXSpreadAttributes.md

      
              1 file
            
          
              9 forks
            
          
              5 comments
            
          
              76 stars
            
          
                sebmarkbage
                / JSXSpreadAttributes.md
            
            
              Last active
              August 13, 2020 15:18
            
              
                JSX Spread Attributes
              
          
    JSX Spread Attributes

If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:
  var component = <Component foo={x} bar={y} />;
Mutating Props is Bad, mkay

  
## introrx.md

      
              7 files
            
          
              2516 forks
            
          
              468 comments
            
          
              21906 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              May 9, 2024 07:59
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## fix-homebrew-npm.md

      
              1 file
            
          
              177 forks
            
          
              361 comments
            
          
              1616 stars
            
          
                DanHerbert
                / fix-homebrew-npm.md
            
            
              Last active
              February 12, 2024 17:18
            
              
                Instructions on how to fix npm if you've installed Node through Homebrew on Mac OS X or Linuxbrew
              
          
    OBSOLETE

This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.
I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.
Fixing npm On Mac OS X for Homebrew Users

Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.

  
## iterm2-solarized.md

      
              2 files
            
          
              1623 forks
            
          
              492 comments
            
          
              8796 stars
            
          
                kevin-smets
                / iterm2-solarized.md
            
            
              Last active
              May 7, 2024 09:29
            
              
                iTerm2 + Oh My Zsh + Solarized color scheme + Source Code Pro Powerline + Font Awesome + [Powerlevel10k] - (macOS)
              
          
    Default


Powerlevel10k


## gist:6483997
/*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/
/*At least requires the meta viewport tag with content  'width=device-width'*/
@media only screen and (max-width: 1080px) and (orientation : portrait) {
  /* PORTRAIT:
	Windows Surface Pro*/
}

@media only screen and (max-width: 800px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A100

## custom-post-taxonomy-permalinks.php
<?php

/*

Term Archive Pages:
 - http://example.com/recipes/dinner/
 - http://example.com/recipes/breakfast,brunch/

Single Recipe Pages:
 - http://example.com/recipes/dinner/soup-title/

## gist:1981339
<!DOCTYPE html>

<!-- Helpful things to keep in your <head/>
  // Brian Blakely, 360i
  // http://twitter.com/brianblakely/
-->
  <head>

    <!-- IE10 Plug-in setting
         Including this tag will force plug-in-less "Metro IE10" to prompt the user to open the URL in "Desktop IE10" which supports plug-ins.
	// Show rendered HTML
	const wrapper = shallow(<App />)
	console.log(wrapper.debug())

	// Disable lifecycle methods of react within tests
	const wrapper = mount(<App />, { disableLifecycleMethods: true })

	// Assert number of occurrences
	expect(wrapper.find('p').length).toBe(1)
Function	Shortcut
New Tab	`⌘` + `T`
Close Tab or Window	`⌘` + `W` (same as many mac apps)
Go to Tab	`⌘` + `Number Key` (ie: `⌘2` is 2nd tab)
Go to Split Pane by Direction	`⌘` + `Option` + `Arrow Key`
Cycle iTerm Windows	`⌘` + `backtick` (true of all mac apps and works with desktops/mission control)
	/http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes//
	/At least requires the meta viewport tag with content 'width=device-width'/
	@media only screen and (max-width: 1080px) and (orientation : portrait) {
	/* PORTRAIT:
	Windows Surface Pro*/
	}

	@media only screen and (max-width: 800px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A100
	<?php

	/*

	Term Archive Pages:
	- http://example.com/recipes/dinner/
	- http://example.com/recipes/breakfast,brunch/

	Single Recipe Pages:
	- http://example.com/recipes/dinner/soup-title/
	<!DOCTYPE html>

	<!-- Helpful things to keep in your <head/>
	// Brian Blakely, 360i
	// http://twitter.com/brianblakely/
	-->
	<head>

	<!-- IE10 Plug-in setting
	Including this tag will force plug-in-less "Metro IE10" to prompt the user to open the URL in "Desktop IE10" which supports plug-ins.