Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 TypeScript Webpack Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
[Storybook 7.6](https://github.com/storybookjs/storybook/releases) is here with increased performance and much more! 🔥 Improved SWC support 🧪 New test utilities and fast build mode 🔼 NextJS SWC + avif support & fixes 🤡 SvelteKit page and navigation mocking ⚛️ React-docgen upgrade 🎨 Controls a11y, background theming, and viewports 🩺 CLI: The doctor is in! 🚫 Addons: Remove React as a peer dependency 🪦 Storyshots and Vue2 deprecated
-
Project mention: Is there any github repo or something for medium or advanced level project in Angular that I can run in my local and learn something from that ?? | /r/Angular2 | 2023-09-06
I learned a lot from the ngx-admin template but if you want a real world project PeerTube's Web app written in Angular you can check it out here
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
Project mention: M0B205 for Alienware AW3423DW available for download from Dell, thought you couldn't upgrade the firmware on this one yourself? | /r/ultrawidemasterrace | 2023-12-05
If I had to guess I'd say roughly 110 of those are since the installer relies on Electron React Boilerplate... That's what we get for using web technologies for desktop apps (despite the fact they do not need to be cross-platform nor accessible)
-
Project mention: Nx + NextJS + Docker - The Nx way: Creating the NextJS application | dev.to | 2023-06-27
//@ts-check // eslint-disable-next-line @typescript-eslint/no-var-requires const { composePlugins, withNx } = require('@nx/next'); /** * @type {import('@nx/next/plugins/with-nx').WithNxOptions} **/ const nextConfig = { nx: { // Set this to true if you would like to use SVGR // See: https://github.com/gregberge/svgr svgr: false, }, }; const plugins = [ // Add more Next.js plugins to this list if needed. withNx, ]; module.exports = composePlugins(...plugins)(nextConfig);
-
Project mention: Tamagui – UI kit that unify React Native and Web | news.ycombinator.com | 2023-11-24
-
nebular
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
Project mention: What are your favorite component libraries for angular beside angular material ? | /r/Angular2 | 2023-02-14https://akveo.github.io/nebular/ I find this lib more visually appealing than angular material.
-
Unable to load preload script #2931 - electron/forge - GitHub
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
-
-
doesn't have the problematic leak behavior.
-
Documentation
-
modern.js
Modern.js is a web engineering system, including a web framework and a npm package solution.
Modern.js framework
-
-
Project mention: The Complete Guide for Setting Up React App from Scratch (feat. TypeScript) | dev.to | 2022-12-14
why I use @babel/preset-typescript over ts-loader and awesome-typescript-loader to complie TypeScript? it's blazingly faster than the others and has more perks(read #4) ts-loader doesn't natively support HMR(Hot Module Replacement) awesome-typescript-loader's latest release is on Jun 22, 2018 TypeScript With Babel: A Beautiful Marriage - Matt Turnbull's Post
-
Project mention: Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2 | /r/vuejs | 2023-06-02
-
Project mention: To learn svelte, I clone Github's issues page including useful features that you might consider reusing. | /r/sveltejs | 2023-12-05
🤹 Unplugin Icons
-
-
Make sure to check it out here
-
Project mention: Expo app completely unresponsive when using Expo Camera and navigating away while recording | /r/reactnative | 2023-01-19
-
-
-
tags inside SFCs are typically injected as native
tags during development to support hot updates. For production they can be extracted and merged into a single CSS file.
There are also 3rd party CSS libs that do the same thing such as linaria, vanilla-extract, and compiled CSS. Which can be used in the event you're stuck with something that doesn't have baked in support via SFC formats (looking at you React).
These are my preferred ways of handing it.
- Tailwind
Option 2 is tailwind, which works backwards.
That is, instead of the above with extraction where you write the styles, and the framework or libs extract them and replace them with class names, it's the other way around.
You're writing class names first (which are essentially aggregated CSS property-values) which then generate and/or reference styles.
It has the advantage of being easy to write (assuming you've got editor LSP, linting, etc), but as you've discovered, it's difficult to read / can get really messy really fast.
As far as all the other claims on the Tailwind site, it's all marketing, at least 80% bullshit.
-
fork-ts-checker-webpack-plugin
Webpack plugin that runs typescript type checker on a separate process.
-
I'm not trying to call a particular org or library out, because I think the ones I've been digging through (and prompted me to write this) are very high quality. It's vanilla-extract (a build-time CSS-in-JS library) and Braid Design System (built on vanilla-extract).
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
TypeScript Webpack related posts
- M0B205 for Alienware AW3423DW available for download from Dell, thought you couldn't upgrade the firmware on this one yourself?
- Storybook 7.6 is out!
- Server-Side Rendering (SSR) in React
- A Developer’s Guide to Implementing a Design System (Part 2)
- Introducing Storybook 7.5
- Developer Weekly Log #2
- React Component library with Storybook + Anima
-
A note from our sponsor - Appwrite
appwrite.io | 9 Dec 2023
Index
What are some of the best open-source Webpack projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 81,172 |
2 | ngx-admin | 24,820 |
3 | electron-react-boilerplate | 22,141 |
4 | svgr | 10,089 |
5 | tamagui | 8,547 |
6 | nebular | 7,908 |
7 | forge | 5,941 |
8 | angular-electron | 5,498 |
9 | vue-loader | 4,956 |
10 | after.js | 4,126 |
11 | modern.js | 3,957 |
12 | esbuild-loader | 3,463 |
13 | ts-loader | 3,404 |
14 | unplugin-vue-components | 3,294 |
15 | unplugin-icons | 3,166 |
16 | webpack-merge | 2,659 |
17 | unplugin | 2,578 |
18 | expo-cli | 2,572 |
19 | webpackbar | 2,036 |
20 | clean-webpack-plugin | 1,956 |
21 | compiled | 1,915 |
22 | fork-ts-checker-webpack-plugin | 1,877 |
23 | braid-design-system | 1,445 |