bresson

Monolith

The Monolithic Ball of Mud

• The Ball Of Mud represents the worst case scenario for a Monolith. Also called as Spaghetti Code.
• No clear isolation in the application.
• Complex dependencies where everything depends on every other thing.
• Hard to understand and harder to modify.

Cleaning Up The Ball Of Mud

• To clean up the ball of mud we introduce isolation into the application by dividing the application along clear domain boundaries.
• We introduce packages and libraries that help isolate related pieces of code. They provide a clean and consistent interface.

bresson

license: gpl-3.0
height: 420
border: no

bresson

// easing functions http://goo.gl/5HLl8
Math.easeInOutQuad = function (t, b, c, d) {
  t /= d/2;
  if (t < 1) {
    return c/2*t*t + b
  }
  t--;
  return -c/2 * (t*(t-2) - 1) + b;
};

bresson

webpack-dev-server --progress --colors --host $IP --port $PORT

bresson

var Col = require('react-bootstrap/lib/Col')
var PageHeader = require('react-bootstrap/lib/PageHeader')
var React = require('react')
var Row = require('react-bootstrap/lib/Row')
var {connect} = require('react-redux')
var {reduxForm} = require('redux-form')

var DateInput = require('./DateInput')
var FormField = require('./FormField')
var LoadingButton = require('./LoadingButton')

bresson

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

bresson

// Function for returning the user to any 'y' position in a Facebook app/tab. Uses jQuery animate, otherwise gracefully falls-back without it.
// Source[1]: http://stackoverflow.com/questions/7193425/how-do-you-animate-fb-canvas-scrollto
// Source[2]: https://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo/

var scrollY = function (y) {
    if (window.jQuery) {
        FB.Canvas.getPageInfo (function (pageInfo) {
            $({ y: pageInfo.scrollTop })
                .animate({
                        y: y

bresson

$(function() {

	// Depends on: jQuery, jQuery UI core & widgets (for the autocomplete method)
	// Assumes you're already including the FB JS SDK asynchronously...

	window.fbAsyncInit = function() {

		FB.init({
			appId      	: 'xxxxxxxxxxxxxxxxxx', // App ID
			status     	: true, // check login status