SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now. Learn more →
Top 23 JavaScript Rollup Projects
-
If you’re into TypeScript, I highly recommend https://tsdx.io . I’ve used it to create a package before and it’s so much easier
-
To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
Project mention: Trouble Building Chrome Extension to Get News Article Content | /r/webdev | 2022-11-22
I've been working on an enhanced reader mode extension for the last few months. I found that Mercury Reader's parser tool is useful for extracting content. If that's not exactly what you're looking for, readibility is another good option. It's a library used inside Firefox's reader moder that you can use in any project.
-
-
But when I start a production bundling + build process, which I guess is actually made with rollup, I see Unexpected token (Note that you need plugins to import files that are not JavaScript). Lookin around, it seems like this is a rollup error, not a vite error.
-
template.js
A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp
-
react-component-library
A project skeleton to get your very own React Component Library up and running using Rollup, Typescript, SASS + Storybook
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
The React Library Builder supports both SCSS and CSS out of the box, so you can style your components as you normally would. If you want to use CSS modules, you can refer to the rollup-plugin-postcss documentation for more information.
-
xdm
Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)
-
flopflip
🎚Flip or flop features in your React application in real-time backed by flag provider of your choice 🚦
-
Rocket is a tool used for creating web pages and it is fabulous for generating static content starting from markdown files. One of the cool thing about Rocket is the fact that web components and javascript can be used inside the markdown files. Creating a project with Rocket is quite straightforward, you can take a look at the documentation or if you like to learn by looking at examples, you can find good ones in the Rocket’s GitHub repository . This guide is created for getting you started with Rocket and FicusJS. FicusJS is a set of lightweight functions for developing applications using web components. Using the Create Ficus App CLI you can quickly scaffold a project that contains a basic structure for working with Rocket and FicusJS. The project will contain:
-
Project mention: The Native Way To Configure Path Aliases in Frontend Projects | dev.to | 2023-05-04
There are multiple libraries available for configuring path aliases in Node.js, such as alias-hq and tsconfig-paths. However, while looking through the Node.js documentation, I discovered a way to configure path aliases without having to rely on third-party libraries. Moreover, this approach enables the use of aliases without requiring the build step.
-
Now, to extract css, I used the postcss rollup plugin and the rollup copy plugin to copy the generated css file to the desired directory. I had to use rollup-plugin-copy because of this issue.
-
-
-
-
As mentioned the frameworks have gone through some changes since then. Babel is hardly ever used these days, esbuild doesn't pick up the babel config automatically. If you're using the default esbuild config generated with a modern phx_new version, look into changing it to a custom build script in https://hexdocs.pm/phoenix/asset_management.html#esbuild-plugins and then integrate something like this plugin https://github.com/nativew/esbuild-plugin-babel to be able to run https://github.com/mAAdhaTTah/babel-plugin-prismjs. There is a comment at the bottom of the tutorial of someone getting it to work with live view by listening for a phx page loading event, but the more idiomatic way these days would be to use a hook.
-
vue3-component-library
This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css
-
-
fastify-preact-ssr
Fastify server-side renders Preact to html and serves with a Preact client.js bundle for DOM hydration.
-
shopify-bare
Shopify starter theme that provides Javascript modules(ES6 and node_modules), tree-shaking, Live Reloading/ Hot module reloading, Tailwind Css w\ nesting & imports purges unused CSS, minify your built files, compress your images, and use quick commands to develop easier.
-
-
// ./rollup.config.js // ... const outputOptions = { exports: 'named', preserveModules: true, banner: `/* * Rollup Library Starter * https://github.com/mryechkin/rollup-library-starter * (c) Mykhaylo Ryechkin (@mryechkin) */`, };
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
JavaScript Rollup related posts
- Do vite builds not automatically support typescript?
- Help with bundling a module using webpack
- Using Next.js components in a custom npm library
- Webpack bundle over 1mb. How should I reduce?
- Trouble Building Chrome Extension to Get News Article Content
- Migrating app from parcel to rollup
- Rollup Library Starter
-
A note from our sponsor - SurveyJS
surveyjs.io | 22 Sep 2023
Index
What are some of the best open-source Rollup projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | tsdx | 10,938 |
2 | Microbundle | 7,779 |
3 | parser | 4,935 |
4 | wmr | 4,886 |
5 | plugins | 3,350 |
6 | template.js | 1,283 |
7 | react-component-library | 771 |
8 | rollup-plugin-postcss | 656 |
9 | xdm | 589 |
10 | flopflip | 389 |
11 | rocket | 342 |
12 | alias-hq | 312 |
13 | rollup-plugin-copy | 232 |
14 | klap 👏 | 181 |
15 | three-minifier | 172 |
16 | react-border-wrapper | 163 |
17 | babel-plugin-prismjs | 154 |
18 | vue3-component-library | 80 |
19 | electron-svelte-typescript | 46 |
20 | fastify-preact-ssr | 43 |
21 | shopify-bare | 32 |
22 | markdown-regex | 10 |
23 | rollup-library-starter | 9 |