I have a silly react project that I’m working on that I made using create-react-app. By default, these kinds of projects build and run using react-scripts which uses webpack under the hood for building projects. Vite is generally known to be faster than Webpack ⚡ so I was curious about how to swap them. - Source: dev.to / 6 days ago

We wanted to change the bundler to vite for two main reasons:. - Source: dev.to / about 1 year ago

You can see all create-vite templates for other libraries. You can also learn more about vite in its documentation website. - Source: dev.to / 10 days ago

After we have installed the Node environment, we can use Vite to install. Because the use of Vite has a higher version of Node.js requirements, so I recommend that you install a relatively new Node.js. Currently I use the version for v18.15.0. - Source: dev.to / 12 days ago

Import { defineConfig } from 'vite' Import riot from 'rollup-plugin-riot' Export default defineConfig({ root : process.cwd() + '/client', plugins : [riot()], build: { minify : 'esbuild', /** https://vitejs.dev/config/build-options.html#build-minify */ target : 'esnext' /** https://vitejs.dev/config/build-options.html#build-target */ } }). - Source: dev.to / 13 days ago

First a disclosure: I never actually used Stencil, only played with it a bit locally in a hello-world project while writing this post. - Source: dev.to / 4 months ago

This is my main concern too. I don't understand why tools like this "pick a winner" with a specific framework instead of rendering to Web Components with a framework wrapper, or using something like Stencil[1] that can render to any framework. [1] https://stenciljs.com/. - Source: Hacker News / 6 months ago

I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount... - Source: dev.to / 6 months ago

A web component should do ONE thing whereas a JS framework is a whole ecosystem. I made a video player web component that could take in various inputs, with a torrent file being the most complex of them. I was then able to port it to Vue/React with StencilJS [0] (although it was good to go without). Just drop the `https://stenciljs.com/. - Source: Hacker News / 7 months ago

Examples like this bug me. The React example is using a high level abstraction, the web component is directly using the API. A more accurate example would show how those React calls eventually boil down to document.createElement() I don’t think the Web Components API was meant to be used directly all the time. You can use a framework like StencilJS: https://stenciljs.com/. - Source: Hacker News / 10 months ago