With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 Preact Open-Source Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
router
🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
nwb
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
-
next-translate
Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!
-
wasmboy
Game Boy / Game Boy Color Emulator Library, 🎮written for WebAssembly using AssemblyScript. 🚀Demos built with Preact and Svelte. ⚛️
-
create-chrome-ext
🍺 Scaffolding your Chrome extension! Boilerplates: react \ vue \ svelte \ solid \ preact \ alpine \ lit \ stencil \ inferno \ vanilla
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
Hey HN! Founder of Million – We’re building a tool to that helps fix slow React code. Here is a quick demo: https://youtu.be/k-5jWgpRqlQ
Fixing web performance issues is hard. Every developer knows this experience: we insert console.log everywhere, catch some promising leads, but nothing happens before "time runs out." Eventually, the slow/buggy code never gets fixed, problems pile up on a backlog, and our end users are hurt.
We started Million to fix this. A VSCode extension that identifies slow code and suggests fixes (like ESLint, for performance!) The website is here: https://million.dev/blog/lint
I realized this was a problem when I tried to write an optimizing compiler for React in high school (src: https://github.com/aidenybai/million). It garnered a lot of interest (14K+ stars) and usage, but it didn't solve all user problems.
Traditionally, devtools either hinge on full static analysis OR runtime profiling. We found success in a mixture of the two with dynamic analysis. During compilation, we inject instrumentation where it's necessary. Here is an example:
function App({ start }) {
Deno: Deno with one of it's frameworks (like Fresh
Documentation
Welcome to the first article of a series where we will explore TanStack Router, a new router for React (version 1.0 released in December 2023).
We're using wouter with great success. It's simple and effective for what we need from a router
Putting the runic terminology aside and looking into how the signal primitive is implemented should dispel the magic. I learned a lot from examining preact's implementation: https://github.com/preactjs/signals/blob/main/packages/core/...
I am trying to glue together a Nuxt 3 PWA with vite-plugin-pwa, more specifically @vite-pwa/nuxt. I installed the module and set up basic configuration (I basically followed this video)
Project mention: Next.js Weekly #34: StyleX, Self-Healing URLs, AuthKit, Scaleable TailwindCSS, Layouts vs Templates, Faster Next.js Websites [👇 all links in the comments] | /r/nextjs | 2023-12-10next-translate
What specifically are you building? Is it a browser extension?? Typically, I begin the development of extensions by using boilerplate code. Recently, I've been using the create-chrome-ext tool to generate boilerplate code for extensions, including one called Netflix Hotkeys.
Preact related posts
- Preact vs React: A Comparative Guide
- What's Your Favorite Tech Stack and Why?
- 🧠 50 Articles to Level Up
- The Road to Fresh 2.0
- Codepen, Codesandbox and JSFiddle support in SciChart.js
- Preact: Lightweight React Alternative
- How I built a cross-framework frontend library
-
A note from our sponsor - SurveyJS
surveyjs.io | 28 Apr 2024
Index
What are some of the best open-source Preact projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Preact | 36,041 |
2 | million | 15,191 |
3 | codesandbox-client | 12,894 |
4 | fresh | 11,849 |
5 | razzle | 11,082 |
6 | router | 7,058 |
7 | gitalk | 6,877 |
8 | wouter | 6,124 |
9 | nwb | 5,561 |
10 | nerv | 5,420 |
11 | wmr | 4,925 |
12 | preact-cli | 4,678 |
13 | signals | 3,512 |
14 | goober | 3,033 |
15 | react-colorful | 2,996 |
16 | vite-plugin-pwa | 2,744 |
17 | scenejs | 2,654 |
18 | next-translate | 2,534 |
19 | blaze | 2,165 |
20 | electrode | 2,100 |
21 | previewjs | 1,765 |
22 | wasmboy | 1,358 |
23 | create-chrome-ext | 1,239 |
Sponsored