/bundler-demo

webpack-demo

Primary LanguageJavaScript

Building Tools

  1. Vite
JavaScript TypeScript
vanilla vanilla-ts
vue vue-ts
react react-ts
preact preact-ts
lit lit-ts
svelte svelte-ts 
yarn create vite vite-react-demo --template react

  1. Webpack webpack-loader

  2. Rollup rollup

  3. Esbuild

JS Package、Framework or Component

  1. Vue - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  2. React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
  3. Svelte - Cybernetically enhanced web apps
  4. Angular - The modern web developer’s platform
  5. Lit - Lit is a simple library for building fast, lightweight web components.

Secondary-Framework

  1. Next.js - The React Framework
  2. Nuxt.js - The Intuitive Vue Framework.
  3. Sapper - The next small thing in web development, powered by Svelte.

Front Design & CSS Framework

  1. Material Design
  2. Ant Design
  3. Atlas Design
  4. Bootstrap
  5. Elemental UI
  6. Bulma
  7. Tailwindcss
  8. Windi CSS
  9. Buefy
  10. Chakra UI
  11. Framevuerk
  12. Orguga
  13. Tachyons
  14. Vant
  15. View UI

UI Framework or Component

  1. vuetifyjs - [Material Design]+[Vue]
  2. Ant Design - [React] |[Vue]
  3. Quarsarchs - [Vue]

Linting Tools

  1. ESLint
  2. Prettier
  3. SytleLint
  4. Commitlint
  5. Lint Staged files

Testing Framework

  1. Jest
  2. AVA
  3. WebdriverIO
  4. Nightwatch

Render

  1. SSR/SSG
  2. SPA

Deploying And Packaging

  1. Server
  2. Static