jordanrios94

class ParentComponent extends Component{
    state = {
        parentValue: ''
    }

    handleParentValueChange = (value) => {
        this.setState({parentValue: value});
    }

    render() {

jordanrios94

// PARENT WINDOW
(function () {
  function scrollWindow(evt) {
      var message;

      if (evt.origin !== "iframe_URL_HERE" ) {
          message = "Action cannnot be performed";
      } else {
          var x =  evt.data.xAxis || 0;
          var y = evt.data.yAxis || 0;

jordanrios94

// IFRAME
(function () {
  const scrollParentWindow = (x = 0, y = 0) => {
      const parentWin = window.parent,
          parentExpectedUrl = 'PARENT_URL_HERE',
          currentParentUrl = `http://${parentWin.location.hostname}`

      if (parentExpectedUrl === currentParentUrl) {
          parentWin.postMessage({
          xAxis: x,

jordanrios94

import React, { Component } from 'react';
import { connect } from 'react-redux';

export default (ChildComponent) => {
    class ComposedComponent extends Component {
        // Our component just got rendered
        componentDidMount() {
            this.shouldNavigateAway();
        }
        

jordanrios94

import React, { Component } from 'react';
import { connect } from 'react-redux';

export default (ChildComponent) => {
    class ComposedComponent extends Component {
        // Our component just got rendered
        componentDidMount() {
            this.shouldNavigateAway();
        }

jordanrios94

Progressive Framework Side-by-Side Intro

Vue or React. Well lets see the most noticeable features.

---

Application State Management

Vue

jordanrios94

language: node_js
node_js:
   - "node"
env:
  - NODE_ENV=TEST
before_script:
  - npm install
script:
  - npm run test

jordanrios94

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

jordanrios94

sudo lsof -i :3000
kill -9 {PID}

jordanrios94

/**
 * Filters an array of objects with multiple criteria.
 *
 * @param  {Array}  array: the array to filter
 * @param  {Object} filters: an object with the filter criteria as the property names
 * @return {Array}
 */
function multiFilter(array, filters) {
  const filterKeys = Object.keys(filters);
  // filters all elements passing the criteria