Skip to content

Instantly share code, notes, and snippets.

View webpack.config.js
module.exports = {
entry: './src/index.js'
}
View gist:be30811f3ce7446a55c0f00ffea5883b
alias c="code"
alias d="docker"
alias gs="git status"
alias gl="git pull --rebase up"
alias gh="git push origin"
alias gr="git remote -v"
alias gc="git checkout"
alias gm="git commit -m"
alias gmm="git commit --amend"
@dhruvdutt
dhruvdutt / react.jsx
Last active Jun 10, 2018
React - optimise creation of new functions in render
View react.jsx
class SayHi extends Component {
// We can't use showMessage directly because it creates
// a new event handler every time you call it.
showMessage = (msg) => (e) => {
console.log(`Say ${msg}`, e)
}
// So instead, we need to create the event handlers beforehand,
// then call those inside of `render`.
showHiMessage = this.showMessage('Hi')
View gist:9c9b0783563b996559e2b21e0821c730
sudo add-apt-repository ppa:yannubuntu/boot-repair && sudo apt-get update
sudo apt-get install -y boot-repair && (boot-repair &)
boot-repair
View Page.jsx
import HomePage from './HomePage.jsx';
import AboutPage from './AboutPage.jsx';
import UserPage from './UserPage.jsx';
import FourOhFourPage from './FourOhFourPage.jsx';
const PAGES = {
home: HomePage,
about: AboutPage,
user: UserPage,
};
View App.js
// @define: Number of circles
const NO_OF_CIRCLES = 3;
// @define: All available colors
const ALL_COLORS = ["SlateBlue", "LightSteelBlue", "Crimson", "SeaGreen", "DarkMagenta", "DarkOrange", "DarkCyan", "SlateGray"];
class Hello extends React.Component {
constructor(props) {
super(props);
View linux_boot_process.md

1. BIOS or UEFI

2. MBR or GPT

1st sector of bootable disk. /dev/hda or /dev/sda

3. Bootloader

GRUB or Windows boot loader. Or custom bootloaders like Clover & Chameleon Detects multiple kernel images, has knowledge of file-system

@dhruvdutt
dhruvdutt / app.js
Created May 10, 2017
$q Promise Examples - Parallel & Chaining http://embed.plnkr.co/dkp507/
View app.js
var app = angular.module('plunker', ['ui.bootstrap']);
app.controller('MainCtrl', function($scope, $q) {
$scope.text = '';
$scope.chain = false;
$scope.progressbars = [];
$scope.useQ = false;
var count = 1;
var currentPromise = null;
View flexbox-cheatsheet.md
display: flex

// Main Axis
flex-direction: row (default), row-reverse, column, column-reverse

// Main Axis Alignments / Spacing
justify-content: flex-start (default), flex-end, space-around, space-between
View react-lifecycle-parent-child.jsx
import React from "react";
import { render } from "react-dom";
const ParentComponent = React.createClass({
getDefaultProps: function() {
console.log("ParentComponent - getDefaultProps");
},
getInitialState: function() {
console.log("ParentComponent - getInitialState");
return { text: "" };