Tobias Koppers sokra

Author of webpack

sokra / Map-vs-Set-vs-Native.js

Last active January 4, 2018 09:48

	var Benchmark = require('benchmark');
	var suite = new Benchmark.Suite;

	var testArray = [];

	for (var s = 0; s < 5000; s++) {
	testArray.push(Math.floor(s * 0.1));
	}

	console.log('Testing used ids')

sokra / Map-vs-native-cache.js

Last active January 21, 2023 04:48 — forked from Tom910/Map-vs-native-cache.js

	var Benchmark = require('benchmark');
	var suite = new Benchmark.Suite;

	var testArray = [];

	for (var s = 0; s < 5000; s++) {
	testArray.push(Math.floor(Math.random() * 100));
	}

	console.log('Testing caching')

sokra / index.html

Created July 15, 2016 15:07

	<script src="1ea296932eacbe248905.js"></script>
	<script src="0b3a074667143853404c.js"></script>
	<script src="0dd8c061aff2a2791815.js"></script>
	<script src="191b812fa5f7504151f7.js"></script>
	<script src="08702f45497539ef6ea6.js"></script>
	<script src="195c9326275620b0e9c2.js"></script>
	<script src="19817b3a0378aedb2143.js"></script>
	<script src="0e7a65e649387d773247.js"></script>
	<script src="13167c9702de79d2f4fd.js"></script>
	<script src="1154be40ff0e8dd16e9f.js"></script>

sokra / 0--entry.js

Last active September 24, 2015 20:01

bespoke + react + webpack

	import React from "react";
	import bespoke from "bespoke";
	import "styles.css";

	// use react components, markdown or plain html files in the slides folder
	var slidesContext = require.context("./slides", true, /\.(js\|md\|html)$/);

	// sort slides by name, name them like this: ./slides/3-section/7-slide.md
	var slides = slidesContext.keys().sort().map((key) => slidesContext(key));

sokra / 0 - MyComponent.jsx

Last active January 16, 2025 00:01

CSS Local scope with importing

	import React from "react";
	import styles from "./MyComponent.css";

	export class MyComponent {
	render() {
	return <div className={styles.root}>
	<div className={styles.inner}>
	<button className={styles.sendButton}>Send</button>
	</div>
	</div>

sokra / webpack.js

Last active August 12, 2024 20:15

	// webpack is a module bundler
	// This means webpack takes modules with dependencies
	// and emits static assets representing those modules.

	// dependencies can be written in CommonJs
	var commonjs = require("./commonjs");
	// or in AMD
	define(["amd-module", "../file"], function(amdModule, file) {
	// while previous constructs are sync
	// this is async

sokra / gist:4251038

Created December 10, 2012 15:00

jmpress.js templates