developit/zero-to-preact

Stars
179
Rank 214,039 (Top 5 %)
Language
JavaScript
Created almost 8 years ago
Updated about 7 years ago

developit/zero-to-preact

developit

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

A Step-by-step Guide to Preact + Webpack 2, without boilerplate!

Zero to Preact

This is the bare minimum you'll want in order to get up and running with Preact and Webpack 2.

Note that for most projects, you'll want to use preact-cli to bootstrap your preact projects.

You don't need to clone this repository as a boilerplate - the commit history is actually a step-by-step guide! It will walk you through setting things up yourself. Give it a try, you might be surprised how easy it is 🙂

mitt

🥊 Tiny 200 byte functional event emitter / pubsub.

htm

Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

microbundle

📦 Zero-configuration bundler for tiny modules.

unfetch

🐕 Bare minimum 500b fetch polyfill.

greenlet

🦎 Move an async function into its own thread.

workerize

🏗️ Run a module in a Web Worker.

redaxios

The Axios API, as an 800 byte Fetch wrapper.

unistore

🌶 350b / 650b state container with component actions for Preact & React

express-es6-rest-api

🔋 Starter project for an ES6 RESTful Express API.

workerize-loader

🏗️ Automatically move a module into a Web Worker (Webpack loader)

snarkdown

😼 A snarky 1kb Markdown parser written in JavaScript

stockroom

🗃 Offload your store management to a worker easily.

dlv

Safe deep property access in 120 bytes. x = dlv(obj, 'a.b.x')

karmatic

🦑 Easy automatic (headless) browser testing with Jest's API, but powered by Karma & Webpack.

decko

💨 The 3 most useful ES7 decorators: bind, debounce and memoize

preact-boilerplate

🎸 Ready-to-rock Preact starter project, powered by Webpack.

web-worker

Consistent Web Workers in browser and Node.

vhtml

Render JSX/Hyperscript to HTML strings, without VDOM 🌈

histore

🏬 200b key-value store backed by navigation state

optimize-plugin

Optimized Webpack Bundling for Everyone. Intro ⤵️

undom

🍩 1kb minimally viable DOM Document implementation

asyncro

⛵️ Beautiful Array utilities for ESnext async/await ~

nextjs-preact-demo

Next.js 9.3 + Preact = 21kB

tags-input

🔖 <input type="tags"> like magic

linkstate

Bind events to state. Works with Preact and React.

preact-redux

➿ Preact integration for Redux (no shim needed!)

task-worklet

Task Worklet: explainer, polyfill and demos.

jsdom-worker

👷‍♀️ Use Web Workers in Jest / JSDOM 🌈

preact-worker-demo

Demo of preact rendering an entire app in a Web Worker.

preact-virtual-list

📇 Virtual List that only renders visible items. Supports millions of rows.

jsxobj

Build JSON using JSX 🌈 (may contain blood magic)

preact-redux-example

🔁 Preact + Redux Example Project

preact-markup

⚡ Render HTML5 as VDOM, with Components as Custom Elements!

simple-element-resize-detector

Observes element size changes using a hidden iframe

preact-mdl

💥 A collection of Preact Components that encapsulate Google's Material Design Lite.

state-machine-component

⚙️ State machine -powered components in 250 bytes

preact-portal

📡 Render Preact components in (a) SPACE 🌌 🌠

preact-photon

🚀 Beautiful desktop apps with Preact + Photon ❤️

preact-slots

🕳 Render Preact trees into other Preact trees, like portals.

oss.ninja

👩‍⚖️ Dynamic licenses for your projects - no more LICENSE.txt!

preact-cycle

♻️ Minimal functional Virtual DOM rendering using Preact 🚲

dropfox

🦊 📂 A dropbox client powered by Preact, Electron and Photon

preact-scroll-viewport

Preact Component that renders homogeneous children only when visible

babel-preset-modernize

resource-router-middleware

🚴 Express REST resources as middleware mountable anywhere

object-diff-patch

preact-todomvc

💣 TodoMVC done in Preact. Under 6kb and fast.

restful-mongoose

🐦 Expose Mongoose models as RESTful Express resources.

modify-babel-preset

💫 Create a modified babel preset based on an an existing preset.

preact-without-babel

🐎 How to use Preact in (native) ES2015, without Babel or JSX.

preact-shadow-root

🕴 Render a Preact subtree into the Shadow DOM.

linkref

Like Linked State, but for Refs. Works with Preact and React.

preact-css-transition-group

Apply CSS transitions when adding or removing Preact components/elements

proptypes

💂‍♂️ React's PropTypes, as a standalone module.

preact-token-input

🔖 A text field that tokenizes input, for things like tags.

nectarine

🍑 A mobile web / Android app for Peach! (peach.cool) ⚡

unified-element-properties-proposal

Unified Element Properties for the DOM

preact-jsx-chai

✅ Add JSX assertions to Chai, with support for Preact Components.

preact-compat-example

🚤 Demo of preact-compat + react-toolbox to reduce build size by 95%.

preact-transition-group

transition-group ui component for preact

scroll-list

📜 An infinitely scrollable list/datagrid. Handles millions of rows.

preact-in-es3

🐴 How to use Preact without Babel, ES2015 or JSX.

rollup-plugin-preserve-shebang

Rollup plugin to automatically preserve shebangs in entry modules.

preact-cli-plugin-async

Preact CLI plugin that adds converts async/await to Promises.

preact-views

📺 Named views for Preact, with easy-as-pie linking between them.

preact-richtextarea

📰 A text field that supports HTML editing. 📝

react-router-4-test

Did you know you can use React Router with Preact, no -compat?

element-worklet

documentation-viewer

📜 Hosted viewer for documentation.js JSON output.

sleeper

😴 REST abstraction so easy you could use it with your eyes closed. 💤

neatime

Returns a simple relative time string.

babel-preset-preact

Babel preset to transform JSX into h() calls

ama

htmlParser

Simple JavaScript HTML parser.

precharts

Just Recharts pre-aliased for Preact.

object-shape

Get a description of a JS object's shape.

eslint-config-developit

developit's generic eslint config for libraries

peach.cool

🍑 JavaScript library for Peach (peach.cool) ⚡

progress-spinner

⌚ A simple, CSS-only indeterminate spinner custom element.

rollup-plugin-postprocess

🎞 Find & replace postprocessing for Rollup output

desky

jasonformat.com

preact-tap-event-plugin

☝️ onTouchTap for preact

preact-svg

[DEPRECATED] 🎨 Use inline <svg> in Preact 4 and prior. 🌷

preact-styled-jsx-demo

Preact + styled-jsx = 💞

preact-vite-template

espz

microbundle-2

hazelnut

🌰 Tiny inline AMD registry.

puredom

💲 Fast, chainable and exstensible JavaScript library for building web applications.

request-easy-cache

🐎 A simple, configurable & instantiable caching wrapper around request.

templeton

💪 Templating like the other ones, but not at all like the other ones.

bamboo-status-svg

A web service that generates build badges for Bamboo plans.

ford.js

👔 The library nobody wants but that is for some reason still mayor.

jasonp

An itty bitty JSONP module

browser-nativefs

Native File System API with legacy fallback in the browser

strip-dom-whitespace

Traverses the DOM to strip whitespace-only Text nodes

picomarkdown

Converts basic markdown to HTML.

babel-preset-es2015-minimal

💄 Babel's es2015 preset in loose mode without frills.

esbench

ESBench Feedback (future public repo)