Jacky Efendi

id-wfa. Collection of job openings from Indonesian remote-friendly companies

kotla. Kota (city; in Indonesian) guessing game, inspired by Katla

my-site. Personal playground for tinkering with stuff; contains the code for jackyef.com

ssr-benchmarks. Simple benchmark of various SSR approaches, rendering 64k divs in a recursive way

react-isomorphic-data. Easily fetch json data in your React components, with similar APIs to react-apollo, and Suspense SSR :tada:

luck-or-hardwork. Simple web-app to provide illustration about a take on luck and hard work.

bundlewatch-gh-action. GitHub action that allows you to easily run bundlewatch in your repository 📦

rqrr-wasm. The rust QR decoder library `rqrr`; compiled to WebAssembly. Demo: https://jackyef.github.io/rqrr-wasm

tranquil. Tranquil allows you to mix environmental sounds to keep you company

reroute. reroute is a service for handling redirects using Vercel + Planetscale + Prisma

quirc-wasm. Quirc Decoder QR in the form of WASM

ames-window. Simple web showing Ames Window illusion using three.js and react-three-fiber.

fullstack-react-graphql-example. Small full-stack restaurant reviews app, created for learning. Built on postgres + hasura + node + nextjs + docker

react-boilerplate. An opinionated react boilerplate created for personal learning

iconic-react. Collection of SVG icons from iconic.app as React components

flair. Collections of ready-to-use, accessible React components. Dark-mode and SSR support included.

use-intersect. React hook to easily use IntersectionObserver in your React App

jackyef. TypeScript

nodejs. 1️⃣🐝🏎️ The One Billion Row Challenge with Node.js -- A fun exploration of how quickly 1B rows from a text file can be aggregated with different languages.

chess-ui. TypeScript

profile-overflow. Fun way to share some of your (already) public StackOverflow user data to the internet.

wsl2-as-devbox. Personal note on setting up WSL2 as a development server

animate-transcript. TypeScript

cursor-flashlight. A tiny library to add flashlight effect to your website 🔦

laravel-qa. A simple Question and Answers web-app built using Laravel 5.

preact-goober-snowpack. WIP -- Preact + Goober + Snowpack with SSR setup, and of course TypeScript!

react-employee-attendance-tracker. JavaScript

basic-css-in-js. Basic minimal css-in-js (<800B) with vendor prefixing + SSR capability

changelog-generator. Simple changelog generator with versioning capabilities. Created for learning

svelte-boilerplate. This is a svelte webapp boilerplate, created for learning. It is very much still a work in progress, feel free to contribute and give inputs!

ti10-intro-remotion. A poorman version of TI10 team intro video made using Remotion. Made for fun and practice.

esbuild-preact-typescript-starter. POC of esbuild + preact + ts. Production builds take ~40ms, development rebuilds take ~10ms.

deca. Simple text editor to learn rust

no-modules-express. JavaScript

bundle-calc. calculate bundle size of your next project!

react-browser-visualization. Contain codes for an upcoming talk, most notable content is the browser process visualization page at /browser-visualization

lighthouse-5-6-comparison. This repo serves as a quick way to compare lighthouse 5 and 6 scores. (use pnpm)

preact-otion-snowpack. Starter repo for snowpack + preact + otion + TS, with SSR included

markdown-to-jsx. 🏭 The most lightweight, customizable React markdown component.

swc-jszip. JavaScript

esbuild-ts-preact-ssr. Small Preact SSR starter with Express and TypeScript, powered by esbuild

js-modules-demo. Repo for showcasing different modules behavior. Used for a sharing session

hylia. HTML

all-lang. JavaScript

dotenv-linter. ⚡️Lightning-fast linter for .env files. Written in Rust 🦀

snake-classic. Basic snake game implemented with vanilla js

esbuild-snowpack-preact-typescript-template. POC of esbuild + snowpack + preact + ts. Production builds take ~40ms, development rebuilds are basically instantaneous.

dead-simple-spa-ssr-demo. Sample code to showcase how website behaves originally, with SPA behavior, and later SPA with SSR

daily-journal. Frontend exercise with vanilla js

personal-ts-lib-starter. Opinionated TS library starter to get to building quickly. Made primarily for personal use

react-rqrr-wasm. An example react app that uses rqrr-wasm (https://github.com/jackyef/rqrr-wasm)

bundlesize. Keep your bundle size in check

client-hint-crossorigin-example. Example of setting up client hints on webs that are using multiple origin, like `images.company.net` for images CDN.

function-call-webpack-plugin. A webpack plugin that accepts a function name, and a callback that will be called with the arguments that were passed to the original function. The callback will be called during the webpack build time.