Skip to content

Instantly share code, notes, and snippets.

View hontas's full-sized avatar

Pontus Lundin hontas

40 followers · 15 following
  • Stockholm, Sweden
View GitHub Profile
@hontas
hontas / Edited.md
Last active June 11, 2020 20:32
Notes from React Europe in Paris 2019

ReactEurope

Thursday 23/5-19

Jared Palmer - State of React

2019 roadmap

  • Suspense for data fetching
  • A new server renderer
@hontas
hontas / vs code JS snippets.json
Created November 22, 2018 11:59
{
"console.log": {
"prefix": "c",
"body": [
"console.log('$1', ${2:$1});"
]
},
"import": {
"prefix": "imp",
"body": [
@hontas
hontas / gist:3955052
Created October 25, 2012 20:00
HTML/CSS3: Star Wars Crawl
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
body {
background: black;
color: yellow;
font-family: Helvetica;
@hontas
hontas / Gruntfile.js
Created January 26, 2014 02:16
Gruntfile setup with proxies, fakeEnd and Express server
/*global module:false*/
var proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest;
module.exports = function(grunt) {
grunt.initConfig({
// Task configuration.
express: {
dev: {
options: {
@hontas
hontas / pre-push
Created December 1, 2017 07:15
pre-push hook linting changed files and running test + checkstyle
#!/usr/bin/env bash
printf "<pre-push>\n";
BRANCH=$(git rev-parse --abbrev-ref HEAD)
if [[ "$BRANCH" = "master" ]]; then
cd frontend;
FRONTEND_DIFF=`git diff-index --name-only --relative origin/master`;
if [ "$FRONTEND_DIFF" ];
then
printf "Frontend files changed: \n$FRONTEND_DIFF\n";
@hontas
hontas / index.js
Created May 24, 2017 22:15
fetch handler
const NO_CONTENT = 204;
const getHeaders = {
'accept': 'application/json'
};
const postHeaders = {
'Content-Type': 'application/json'
};
export function getJSON(url) {
return fetch(url, { headers: getHeaders })
@hontas
hontas / notifications.styl
Created November 30, 2016 06:12
.notifications {
// Used for calculations
$defaultWidth = 320;
$success = $brand-happy;
$error = $brand-angry;
$warning = $warning;
$info = $brand-turquoise;
$defaultShadowOpacity = "0.9";
&-wrapper {}
@hontas
hontas / ES7.js
Created January 21, 2016 21:59
Some snippets of ES7
function makeRequest(id) {
return new Promise((resolve, reject) => {
setTimeout(() => {
if (id % 2) {
resolve(id);
} else {
reject(id);
}
}, 400);
});
@hontas
hontas / EmberFooterComponent.js
Last active January 4, 2016 18:19
Ember footer component with bubbling actions
App.MemModuleFooterComponent = Ember.Component.extend({
tagName: 'footer',
classNames: ['mem-module-footer'],
actions: {
clearErrorMsg: function() {
this.set('errorMsg', '');
},
save: function() {
this.sendAction('save');
},
@hontas
hontas / server.js
Created January 26, 2014 02:18
Express server for fakeEnd
var express = require('express'),
fs = require('fs'),
app = express(),
port = 8080;
function getInt (num) {
return parseInt(num, 10);
}
function readJSONFile (path, callback) {