Top 23 TypeScript Webpack Projects
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
-
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
react-starter-kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Project mention: React Starter Kit and Material UI: userAgent should be supplied in the muiTheme context for server-side rendering | reddit.com/r/codehunter | 2022-05-02With the React Starter Kit, I add Material UI as follows:
-
React Electron Boilerplate
-
-
nebular
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
Nebular - set of essential (Theme, UI Kit, AUTH, Security) modules for complex Angular applications
-
CSS Layout
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
Project mention: Is there a name for this method/technique? New to web dev and want to implement it on my portfolio. Sorry if it's a dumb question. | reddit.com/r/webdev | 2022-04-26And a collection of popular layouts made with CSS here: https://csslayout.io/
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
I like Angular for a UI
-
Project mention: Creating Custom Element from SFC that also imports the SFC's styles | reddit.com/r/vuejs | 2021-11-17
I am would like to have the added benefits of the encapsulated ShadowDOM on a Custom element, but would also like the versatility of keeping my SFCs as SFCs so that I can use them and any content placed in their slots as I normally would, without having to take the added encapsulation of the Shadow DOM into consideration if possible. Another developer had previously mentioned wanting an easy way to import styles from a SFC into a Custom element in this post, and Evan You replied that it is possible, but I was unable to find an example of it being done.
-
-
i see. there are a loaders like https://github.com/privatenumber/esbuild-loader that works with webpack but i haven't given it a try yet.
-
-
Project mention: WARNING ITMS-90901: "Missing full-screen support for the latest iPad mini display | reddit.com/r/reactnative | 2022-01-10
Can you open an issue here with a minimal repro: https://github.com/expo/expo-cli/issues
-
-
Project mention: TypeError: CleanwebpackPlugin is not a constructor | reddit.com/r/codehunter | 2022-04-22
throw new Error(`clean-webpack-plugin only accepts an options object. See: ^Error: clean-webpack-plugin only accepts an options object. See: https://github.com/johnagan/clean-webpack-plugin#options-and-defaults-optional at new CleanWebpackPlugin (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\clean-webpack-plugin\dist\clean-webpack-plugin.js:27:13) at module.exports (C:\Users\Eson\Desktop\pwa-vue-app-1\webpack.config.js:56:5) at handleFunction (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\prepareOptions.js:21:13) at prepareOptions (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\prepareOptions.js:9:5) at requireConfig (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:119:14) at C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:125:17 at Array.forEach () at module.exports (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-cli\bin\utils\convert-argv.js:123:15) at Object. (C:\Users\Eson\Desktop\pwa-vue-app-1\node\_modules\webpack-dev-server\bin\webpack-dev-server.js:79:40) at Module.\_compile (internal/modules/cjs/loader.js:776:30) at Object.Module.\_extensions..js (internal/modules/cjs/loader.js:787:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module.\_load (internal/modules/cjs/loader.js:585:3) at Function.Module.runMain (internal/modules/cjs/loader.js:829:12) at startup (internal/bootstrap/node.js:283:19) if i delete line 56 in webpack.config.js i can run the web application without problems, but i want to understand the source of this issue
-
Project mention: State Management Recommendation - Working with APIs | reddit.com/r/reactnative | 2022-01-15
I myself started a few years ago using ReactN which intends to implement global state management in a similar way like the local state in react works. But since this is a monolithic store too I recently switched to (the very unknown) React Capsule which is from the same dev, extremely lightweight, similar to recoil and intends to use encapsulated state which can be used either in plain JS, in class components, as well as in function components.
-
fork-ts-checker-webpack-plugin
Webpack plugin that runs typescript type checker on a separate process.
Project mention: Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust! | reddit.com/r/rust | 2022-01-12I work on a TypeScript project of similar size and complexity, and ours does not take even nearly that long to compile on save. Have you tried fork-ts-checker-webpack-plugin? We had compile times similar to yours until we started using it. Went from >60s to <1s builds in development. It's very simple to set up.
-
Link: https://compiledcssinjs.com/
-
Project mention: How to make an icon picker component with lazy loading? | reddit.com/r/vuejs | 2022-05-10
Dont load every icon at once, and maybe look at https://github.com/antfu/unplugin-icons or one of the projects its based on.
-
Braid Design System
-
Project mention: MailGo – a new concept of mailto: and tel: links | news.ycombinator.com | 2022-03-03
-
Project mention: ionic app doesn't recognize my change to NODE_ENV | reddit.com/r/ionic | 2021-11-29
I already did it using Angular custom webpack and a custom build script I included in my angular.json file. You can just read the system env variables from the parameters provided by webpack and insert them using the webpack.DefinePlugin().
-
Project mention: Monorepo with Yarn Workspaces + TS + Docker Templates | reddit.com/r/typescript | 2022-03-12
Here is one I liked that is very basic, although I removed lerna from it personally. Shows examples of package sharing and a bunch of popular libraries. Next not nuxt but you get the idea. https://github.com/NiGhTTraX/ts-monorepo
TypeScript Webpack related posts
- Creating a component design system using React, TypeScript and Storybook
- How to make an icon picker component with lazy loading?
- Is React Native for NX stable enough? are there no PITAs at upgrading the RN version? And which CI/CD to you use? What about AppCenter, especially CodePush?
- Looking for a prototyping tool I saw
- You Don’t Need A UI Framework
- Storybook Performance: Vite vs Webpack
- Storybook for React.js
Index
What are some of the best open-source Webpack projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 70,847 |
| 2 | ngx-admin | 23,603 |
| 3 | react-starter-kit | 21,183 |
| 4 | electron-react-boilerplate | 19,564 |
| 5 | svgr | 8,690 |
| 6 | nebular | 7,535 |
| 7 | CSS Layout | 5,775 |
| 8 | angular-electron | 5,081 |
| 9 | vue-loader | 4,820 |
| 10 | after.js | 4,083 |
| 11 | esbuild-loader | 2,859 |
| 12 | webpack-merge | 2,533 |
| 13 | expo-cli | 2,184 |
| 14 | webpackbar | 1,953 |
| 15 | clean-webpack-plugin | 1,916 |
| 16 | reactn | 1,913 |
| 17 | fork-ts-checker-webpack-plugin | 1,642 |
| 18 | compiled | 1,613 |
| 19 | unplugin-icons | 1,441 |
| 20 | braid-design-system | 1,213 |
| 21 | mailgo | 1,018 |
| 22 | angular-builders | 987 |
| 23 | ts-monorepo | 958 |
Are you hiring? Post a new remote job listing for free.
