- Vue JS - Vue was released by a man named Evan You in 2014, with the goal to make modern UI development approachable. Vue is similar to React in that they both are more focused on the “view” aspect in MVC, as opposed to Angular that focuses on the full MVC aspect. Vue has two modes and uses an incrementally adaptable architecture that includes official add-ons for building applications. Vue can require packaging and command line tooling.
- Frameworks eliminate unnecessary DOM management code, similar to jQuery, so you can focus on creating a view and eliminate extra work
- Frameworks allow you to power multiple platforms with one server using a REST API
- Frameworks are great for developing Single Page Web Applications (SPAs) which requires no page reloads and a displays one page view – like you see with Gmail, Google Maps, or Facebook
Is Vue Right For Your Project?
Yes, most likely! Ask yourself the following questions:
- Do you need a highly interactive web application?
- Do you want your users to access content without requiring multiple clicks?
- Do you need to load data asynchronously with formatting capabilities as data changes?
- Does your project require the need to break up your data and associated formatting into specific components to be reused on other parts of your UI?
If you answered yes to any of these questions, Vue may be the best choice for developing your new web application as it is highly interactive and efficient.
Resources For Developing a New Web Application Using Vue
Vue provides official add-ons developed by the Vue team to help expedite development processes. Vue has great documentation that can be referenced throughout the development cycle as needed.
Our team uses some or all of the following resources on our clients’ Vue projects:
- Vue CLI (Command Line Interface) - This provides our team with tools and starter templates for packaging, building, unit testing and deploying Vue applications; Webpack is a popular option to start with.
- Vue Components - We use .vue components which is recommended for building applications with Vue. Utlizing .vue components reduces the need to bind individual index/HTML pages.
- Vue Router - This is the official router for Vue.js which provides tools for mapping Vue components to browser URLs. The Vue Router also includes built-in support for browser history and many other helpful features our team utilizes.
- Vuex State Management - This is the official state management library for Vue which is based on React’s Redux and Flux patterns. This library creates a central data storage system throughout the application instead of individual components loading data directly. This allows multiple components to share the same data and to be aware of changes in the state of that data.