Vue.JS presentation

Development Setup

# install dependencies
npm install

Table of Contents

• About Me
• Logo
• About Evan You
• History
• Stars History
• WEB frameworks benchmark
  • Swap rows
  • Partial update
  • Remove row
  • Select row
  • Append rows to large table
  • Create rows
  • Replace all rows
  • Create many rows
  • Clear rows
  • Startup time
  • Memory allocation in mbs
  • Ready memory
  • Run memory
  • Update eatch 10th row for 1k rows
  • Replace 1k rows
  • Creating/clearing 1k rows
• Advantages
  • Information
  • Very small size
  • Easy to understand and develop applications
  • Simple integration
  • Detailed documentation
  • Flexibility
  • Right to choose
• Ecosystem
• Native app
• Server-side rendering
• Who is using it?
• How it works?
  • MVVM
  • Components
  • Lifecycle
  • Reactivity
• Interpolations
  • Text
  • Raw html
  • Attributes
  • Using javascript expressions
• Directives
• Computed properties and watchers
  • Watch
  • Computed
  • Computed setter
• Binding html classes
• Conditional rendering
• Loops
• Method event handlers
• Form input bindings
• Event & key modifiers
• Component structure
• Etc...
• What is vuex?
  • What is a "state management pattern"?
  • Shared state
• Dev tools
• Thanks