Vue2 Scaffold
The best scaffold for Vue 2.x based on vue-cli#vuejs-templates/webpack
Overview:
In this article, the author discusses the upgrade to Vue 2.x and their experience with Vue 1.x. They mention their preference for Vue 1.x due to its useful features, compared to the "stripped-down" features of Vue 2.x. The author also talks about the popularity of Flux/Redux/Vuex and the concept of global state management. They mention their independent component refactoring experience and their discovery of an alternative state management approach using closures and shared data. The author concludes by discussing the differences between Vue 1.x and Vue 2.x and the reasons for not using the official vue-cli.
Features:
- Vue 2.x upgrade plan: The author discusses their initial reluctance to upgrade to Vue 2.x due to its stripped-down features and lack of useful features compared to Vue 1.x.
- Preference for Vue 1.x: The author explains their preference for Vue 1.x and highlights its useful features and examples from the Vue.js official documentation.
- Flux/Redux/Vuex: The author mentions the popularity of Flux/Redux/Vuex in the forums, but expresses their concern about the complexity and fatigue it may cause to the users.
- Introduction to MobX: The author mentions the popularity of MobX and how it made them realize the importance of component-level state management.
- URL as a global state container: The author suggests using the URL as a global state container in single-page applications.
- Refactoring DataTable component: The author shares their experience with refactoring the DataTable component and their realization that using .sync to pass props can become uncontrollable.
- Alternative state management approach: The author discusses an alternative state management approach using closures and shared data to achieve a stripped-down version of Vuex.
- Preference for microservices: The author expresses their preference for the microservices pattern in both the backend and frontend development and discusses the benefits of component-level state management.
Summary:
In this article, the author discusses the upgrade to Vue 2.x and their preference for Vue 1.x due to its useful features. They talk about the popularity of Flux/Redux/Vuex and mention their independent component refactoring experience. The author also introduces an alternative state management approach using closures and shared data. They discuss the differences between Vue 1.x and Vue 2.x and their reasons for not using the official vue-cli.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.