vidaaudrey

webpack/*
karma.conf.js
tests.webpack.js

vidaaudrey

node_modules
ncp-debug.log
npm-debug.log
bower_component
src/config/configSec.js

.DS_STORE
node_modules
*~
*.pyc

vidaaudrey

git branch -m old_branch new_branch         # Rename branch locally    
git push origin :old_branch                 # Delete the old branch    
git push --set-upstream origin new_branch   # Push the new branch, set local branch to track the new remote
git diff --cached                           #--cached means show the changes in the cache/index (i.e. staged changes) against the current HEAD. --staged is a synonym for --cached

vidaaudrey

#selecting
ctrl+shift+m: select everything inside brackets

vidaaudrey

{
  "name": "todo-redux-30-steps",
  "version": "1.0.0",
  "description": "A simple todo app",
  "main": "index.js",
  "scripts": {
    "test": "mocha --compilers js:babel-core/register --require ./test/test_helpers.js --recursive",
    "test:watch": "npm run test -- --watch",
    "lintt": "eslint -c .eslintrc src test",
    "lint": " node_modules/.bin/eslint test src --fix"

vidaaudrey

var path = require('path');

module.exports = {
  entry: [
    './src/index.js',
    './src/index.html'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',

vidaaudrey

Problem

• Using emmet in jsx files
• Emmet expands text when js autocomplete needed
• Using className instead of class

How it works

• Install plugin RegReplace
• Install plugin Chain Of Command

vidaaudrey

{ "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context":
    [
        { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" },
        { "match_all": true, "key": "selection_empty" },
        { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" },
        { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" },
        { "match_all": true, "key": "is_abbreviation" }
    ]
}

vidaaudrey

# Defines all Languages known to GitHub.
#
# type              - Either data, programming, markup, prose, or nil
# aliases           - An Array of additional aliases (implicitly
#                     includes name.downcase)
# ace_mode          - A String name of the Ace Mode used for highlighting whenever
#                     a file is edited. This must match one of the filenames in http://git.io/3XO_Cg.
#                     Use "text" if a mode does not exist.
# wrap              - Boolean wrap to enable line wrapping (default: false)
# extensions        - An Array of associated extensions (the first one is

vidaaudrey

function pureRenderMixin(Component) {
  Component.prototype.shouldComponentUpdate(nextProps, nextState) {
    return !shallowEqual(this.props, nextProps) ||
           !shallowEqual(this.state, nextState);
  }
  
  return Component;
}

class MyComponent extends React.Component {}