Interesting facts about Vue.js
In 2013, while working on one of his projects, Google employee Evan You came to the conclusion that there were no ready-made solutions for rapid prototyping of complex web application user interfaces. React was in an early stage of development at the time. The main tools were complex frameworks like AngularJS or MVC-oriented Backbone.js, which were not very simple and focused on developing large applications. To bridge this gap, You started developing Vue.js, which kept it simple but proved to be suitable not only for prototyping but also for full development.
In October 2015, version 1.0 of the library was released, in September 2016 - version 2.0. Since version 2.0, the framework also supports server-side rendering, also known as SSR (Server-Side Rendering). On September 18, 2020, Vue.js 3.0.0 "One Piece" was released, according to the developers "it offers improved performance, smaller package sizes, better integration with TypeScript, new APIs for solving large-scale tasks, and a solid foundation for future iterations of the framework".
Version 3.0 involves over 2 years of development effort, including over 30 RFCs, over 2600 commits, 628 requests from 99 developers, and a tremendous amount of development and documentation work. All code was rewritten in more efficient TypeScript (TypeScript 96.8%), which offers advantages in agile development. A new set of API compositions was also introduced.
Concept of Vue.js
Adaptive design and transition effects
Adaptive or responsive design in Vue means that the view in the MVC model changes as the model changes. In Vue, developers simply bind a view to the corresponding model. Vue automatically observes changes in the model and redraws the view. This feature makes Vue's state management simple and intuitive. Vue provides several ways to apply transition effects when inserting, updating, or deleting the DOM.
Vue includes the following tools:
- CSS automatically applies transition and animation classes
- Users can work with third-party CSS animation libraries such as Animate.css
- Conclusion and summary of the frameworks