codejets

// Facade Pattern
/*
    Facade pattern are most commonly used in combination with other patterns like module pattern. 
    Here we will create facade from a module.
 */


 var module = (function() {
    'use strict';

codejets

// Flyweight Pattern
/*
    Here we are sharing a part of our data into a separate object.
 */


 (function() {
    'use strict';

codejets

/* We will use an IIFE wrapping-function to keep the global scope clean and 
to prevent things from being created in the global scope. We will use strict mode in a controlled enviroment, 
also without triggering it in the global scope. */
    



var Todo = (function() {
	'use strict';

codejets

 // Singleton Pattern
 /*
  In really simple terms, Singleton pattern is a initiation and caching service of your Object.
  */


var Todo = (function() {
    'use strict';

    var todo;

codejets

// Decorators Pattern
/*
We will create a Book Object with constructor to initialize Name,
Author, Ratings and Cost. 
Then we will add decorators to add feature to the Book object for
some Ebooks.
 */
 

codejets

Easily generate a random hex color in JS: 

"#" + Math.floor(Math.random() * 16777215).toString(16).toUpperCase(); 

codejets

Agile Works!

Building and delivering Small modules in sprints over the whole application at once.

Agile Manifesto:

1. Individuals and interactions over processes and tools
2. Working Software over Comprehensive Document
3. Customer Collaboration over Contract Negotiation
4. Responding to change over initial plan
5. Change of plan anytime during development

codejets

codejets

codejets

import React from "react";

const styles = {
  width: "200px",
  border: '1px solid #222',
  height: "200px",
  display: "inline-block",
  verticalAlign: "top",
  background: "#fff"
};