corysimmons

VSCode Shortcuts

List of helpful shortcuts for faster coding

Official List of all commands

• Windows
• Mac

Open/View

corysimmons

const ThisFuckingSucks = props => {
  const {children} = props
  
  return (
    <SomeOtherComponent {...props}>{children}</SomeOtherComponent>
  )
}

const HowCanIDoSomethingLikeThis = (props, {children}) => (
  <SomeOtherComponent {...props}>{children}</SomeOtherComponent>

corysimmons

import { css } from '@emotion/core'
import styled from '@emotion/styled'
import ReactModal from 'react-modal'

ReactModal.setAppElement('#__next')
ReactModal.defaultStyles = {}

export const globalStyles = css`
  .ReactModal__Html--open,
  .ReactModal__Body--open {

corysimmons

{
  "scripts": {
    "lint": "eslint '{,!(node_modules)/**/}*.js'"
  },
  "eslintConfig": {
    "plugins": [
      "autofix",
      "import"
    ],
    "rules": {

corysimmons

const ContentVideo = ({ videoId, on }) => {
  const player = useRef();

  useEffect(() => {
    player.current = new YTPlayer('#' + videoId);
    player.current.load(videoId);
  }, []);

  useEffect(() => {
    if (!on) {

corysimmons

SELECT
  u.id,
  u.user_login,
  concat('{ ' , group_concat(concat(m.meta_key, ': ''', m.meta_value, '''')) , ' }' ) AS meta 
FROM
  wp_users AS u 
  JOIN
    wp_usermeta AS m 
WHERE
  u.id = m.user_id 

corysimmons

https://npm.im/selenium-standalone doesn't work with recent versions of JDK and will cause Nightwatch to explode.

selenium-standalone

• Install JDK version 8
• Add this to your shell's profile:

export JAVA_HOME=/usr/libexec/java_home -v 1.8

corysimmons

import { Dimensions, PixelRatio } from 'react-native'

const { width, height } = Dimensions.get(`window`)

export const vw = size => size * width / PixelRatio.getPixelSizeForLayoutSize(100) / PixelRatio.get()
export const vh = size => size * height / PixelRatio.getPixelSizeForLayoutSize(100) / PixelRatio.get()
export const vmin = Math.min(vw, vh)
export const vmax = Math.max(vw, vh)

corysimmons

import React, { Fragment } from 'react'
import { Dimensions } from 'react-native'
import { connect } from 'react-redux'

class DimensionWatcher extends React.Component {
  handleDimensionsChange = dimensions => this.props.dispatch({
    type: `DIMENSIONS_CHANGED`,
    payload: dimensions,
  })

corysimmons

import React, { Fragment } from 'react'
import { Dimensions } from 'react-native'

export default class ScreenMediaQuery extends React.Component {
  state = {
    dimensions: {
      width: Dimensions.get(`window`).width,
      height: Dimensions.get(`window`).height,
      mode: Dimensions.get(`window`).width > Dimensions.get(`window`).height ? `landscape` : `portrait`,
    },