ericmasiello

import React, { Component } from 'react';
import ReactTestUtils from 'react-addons-test-utils';
import $ from 'jquery';

function jqueryAction(context) {
  $(document).ready(()=> {
    $('.theButton').on('click', ()=> {
      $('.theTextarea').val('test value');
      var node = context.refs.ta;
      ReactTestUtils.Simulate.change(node);

ericmasiello

Studying for a Tech Interview Sucks, so Here's a Cheat Sheet to Help

This list is meant to be a both a quick guide and reference for further research into these topics. It's basically a summary of that comp sci course you never took or forgot about, so there's no way it can cover everything in depth. It also will be available as a gist on Github for everyone to edit and add to.

Data Structure Basics

Array

Definition:

• Stores data elements based on an sequential, most commonly 0 based, index.
• Based on tuples from set theory.

ericmasiello

.button {
  border-radius: 0.25rem;
  background-color: #676775;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0.375rem 0.75rem;
}

ericmasiello

import React from 'react';
import './Button.css';

function Button(props) {
  const { children } = props;
  return (<button className="button">{children}</button>);
}
          
export default Button;

ericmasiello

.button {
  border-radius: 0.25rem;
  background-color: #676775;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0.375rem 0.75rem;
}

ericmasiello

<!-- Good! -->
<button class="button button--outline">Click me</button>

<!-- Bad! -->
<button class="button--outline">Click me</button>

ericmasiello

/* I don't recommend doing this! */

.button {
  border-radius: 0.25rem;
  background-color: #676775;
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0.375rem 0.75rem;

ericmasiello

<button class="button outline">Click me</button>

ericmasiello

/* some specific use case of my button with an ouline */

.flashy-button {
  border-color: #ff02c9;
}

ericmasiello

<button class="button outline flashy-button">Flashy</button>