JSFoo: VueDay is a conference for practitioners working with VueJS. We will discuss:
- Why pick VueJS over other frameworks?
- Leveraging Vue CLI, customising Vue configuration and leveraging other aspects of VueJS for developer productivity.
- Web components and VueJS
Date: Friday, 30 August
Venue: Bangalore International Centre (BIC), Domlur, Bangalore
Time: 9:00 AM to 6:00 PM
JSFoo:VueDay 2019 sponsors:
Divyam Rastogi, front-end developer at Flock
Why Flock chose Vue.js to build appsProblem statement: 1. Introduction to the Flock App so as to understand why we have something called app-integrations. 2. We have multiple mini-applications and integrations with Flock. For e.g. Google Calendar integration with Flock is an app, To-Do is an app and so on. 3. I will be highlighting the benefits of using Vue.js for building multiple apps quickly and efficiently. 4. A case for Vue CLI 3 will be made for building apps and libraries.
Hemant Rai, fullstack JS developer and front-end lead at Cloudnaut Technologies
Webpack + Vue Loader: recipe for super charged VueIn this talk, we’ll be taking a closer look at webpack and vue-loader, 2 tools from the Vue CLI’s tooling ecosystem. Some of the key points to be covered in this talk: The need for Vue CLI Trade-offs Tweaking webpack config Vue Loader Handling assets and pre-processors Scoped CSS CSS Modules Functional Components Hot reload Linting More features
Divyam Rastogi, front-end developer at Flock
Creating a highly reusable VueJS Component libraryThings to keep in mind while creating components. The different options available in Vue CLI 3 on creating a component library. Use cases of different design patterns. Publishing on NPM. Example usage of library component that we created. This is an old article that might expand upon the content. I will be coming up with more content after reading the new features that have been added in the documentation.
Chirag Jain, software developer at Uber
Why to Vue?This would be an open ended conversation in which we will talk about Vue’s strengths and the tradeoffs it has. Even if you’re not interested in Vue or already using it you’ll learn about what are the tradeoffs you should consider when choosing a framework for a project. Some of the topics I would love to talk about: - Reactivity and 2 way binding - Single file components - Developer Experience & Ecosystem (State management / Routing / Style management etc.) - Learning Curve - Community Support and more :)
Building form field components in an enterprise-scale productWho we are and Why we choose Vue Building forms with Vue Challenges involved when dealing with large forms Why User and Developer experience matters Taming the form beast A walkthrough over the best practices while working with forms fields
A modular approach to building large-scale apps with VueIntroduction Anatomy of a typical Vue app To Type(script) or not to (Type)script An ode to Modularity Foundation will set you free Injection is good The things we do for Async O Convention, where art thou It only gets bigger Patterns to the rescue To err is Human End
Building Scalable & Reusable Vue Web Apps for Multiple InstancesIn this talk, I’ll share how I used Vue’s feature to develop a highly scalable and reusable Web App. We’ll take an example of a web app which need to scale to multiple countries. Following DRY (Don’t repeat yourself) approach with Vue Mixins Maintaining SoC (Separation of concerns) with Vue’s component architecture Rendering Vue components with Dynamic imports Building country wise components with Webpack Using SCSS with Vue to scale style Bonus: Enabling Internationalization
Deploying apps with Vue at scaleThis is a Birds of Feather (BOF) session where we will discuss the following topics: Why pick Vue for building enterprise apps with Vue at scale. Engineering and architecture approaches to building large-scale apps with Vue. Modularization with Vue. Impact on developer time and productivity with Vue as framework choice for enterprise scale apps. Case studies; performance gains and enhancements
Praveen Puglia, Developer at Voicezen
Understanding Vue's reactivity system by building oneWhat is reactivity? Building a simple render function in non-reactive way. Making it reactive ES Setters & Getters crash course. How to collect dependencies? Building a Vue like reactivity system The problems that it solves The problems that it introduces How can we solve the problems. Vue’s new reactivity system using ES proxies