one-aalam

• 5 React Architecture Best Practices
• A plugin system is born... · React Static
• Applying microservices design patterns to scale react app development • Soluto Engineering Blog
• Architecting your React application.
• Best architecture for the React project - Mad Devs
• Build a Super-Modular Todo App with React and Bit Components
• [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-ap

one-aalam

function serve(lang, port) {
	if (!lang && o.LANGS.length) lang = o.LANGS[0];
	if (!port) port = 8000;
	var mimeTypes = {
		'default': 'text/plain',
		'.html': 'text/html',
		'.jpg': 'image/jpeg',
		'.png': 'image/png',
		'.js': 'text/javascript',
		'.css': 'text/css'

one-aalam

exports.createHandler = function (method) {
  return new Handler(method);
}

Handler = function(method) {
  this.process = function(req, res) {
    params = null;
    return method.apply(this, [req, res, params]);
  }
}

one-aalam

var mediaJSON = { "categories" : [ { "name" : "Movies",
        "videos" : [ 
		    { "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
              "sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
              "subtitle" : "By Blender Foundation",
              "thumb" : "images/BigBuckBunny.jpg",
              "title" : "Big Buck Bunny"
            },
            { "description" : "The first Blender Open Movie from 2006",
              "sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],

one-aalam

// @ts-nocheck TODO: remove at some point

import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import config from 'sapper/config/rollup.js';
import getPreprocessor from 'svelte-preprocess'
import path from 'path'
import pkg from './package.json';
import postcss from 'rollup-plugin-postcss'
import replace from 'rollup-plugin-replace';

one-aalam

import * as firebase from 'firebase/app';
import 'firebase/firestore';

var firebaseConfig = {
  // your firebase credentials
};


  // Initialize Firebase
firebase.initializeApp(firebaseConfig);

one-aalam

{
    "presets": ["es2015"],
    "plugins": ["transform-runtime"]
}

one-aalam

$base-font-size: 	16px;
$base-line-height: 	1.5;

// this value may vary for each font
// unitless value relative to 1em
$cap-height: 		0.68;


@mixin baseline($font-size, $scale: 2) {

one-aalam

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

one-aalam

# download PCRE and nginx source

sudo mkdir -p /usr/local/src
cd /usr/local/src
# copy PCRE to directory
# eg. cp /tmp/pcre-8.20.tar.gz /usr/local/src/
tar xzvf pcre-8.20.tar.gz
cd pcre-8.20
./configure --prefix=/usr/local
make && sudo make install && make clean