• Component testing with Vitest

  • Visualize your state management with XState - Frontend bound

  • Visualize your state management with XState - Vue Verona 2022

  • Play automation right with Playwright

  • Build landing pages with Nuxt 3 and Tailwind

  • Accessible CSS in JS?

  • The unwanted stack

  • Being a frontend dev

  • Visualize your state management with XState

  • Pin me a Pinia for Store management

  • Serverless with Server Components

    Demo: https://github.com/mayashavin/next-rsc-pokemons-demo

  • Theming in Vue Apps

  • Smart & Controllable UI with (X)state machine

    UI components are built on user flows or state graphs. To manage these states, we usually resolved to boolean variables system like isLoading. But this proves to be buggy and hard to maintain as the codebase grows. There is a better solution. In my talk, we will explore how to fully control our app's states and develop a more adaptive UI system to users' behavior with state machines, statecharts and more.

  • XState for UI in Vue

  • Compose component with Composition API

  • Handle media in the modern web

  • TailwindCSS - A design system engine

  • Copy of CSS in JS - the good, the bad and the ugly

    The rise of modern JS frameworks brought in more efficient concept of Front End programming. These inspired new approaches, such as CSS Module and CSS-in-JS, more scoped in working with CSS. It’s always a debate which is the best practice among these approaches. Some claimed CSS-in-JS eliminates developer’s most fear when dealing with CSS (the CSS file) with more dynamic approach. Some disagreed. If you are keen to know about CSS-in-JS and what should be considered when it comes to work with CSS, this talk is for you.

  • Handling SVGs

  • The Zen of getting Nuxt - DevCon 2020

    Let’s explore how to give your site the full power of JAMstack, with the latest Nuxt features. Performance can be achieved easily with the simplest stack!

  • Dynamic from Static with the right Stack

  • MX is the new UX

    A picture is worth a thousand words” - and so are other types of media. An image needs to be loaded correctly, before it can tell user any story. And that comes the importance of media optimization for users, or media experience. So what is media experience and how can we maximize it to users? Join my talk and let’s find out.

  • Fast, optimized & SEO friendly apps with Nuxt

  • The Zen of getting Nuxt

    Let’s explore how to give your site the full power of JAMstack, with the latest Nuxt features. Performance can be achieved easily with the simplest stack!

  • Dynamic from Static with Smart Deployment - Updated

    Static site generators (SSG) become more powerful and efficient in building and serving performant sites to end users. But when it comes to dynamic content, the latency in static site deployment brings up the new dimension of UX implication, the freshness gap of served content between builds. Performance is not only about what we deploy to end users, but also about how we build and deploy. How do current modern SSDPs leverage this problem? What are the options and approaches do we have to help SSDP being "smart"? That's what my session is about.

  • Power up your Jamstack with the new Nuxt

    Let’s explore how to give your site the full power of JAMstack, with the latest Nuxt features. Performance can be achieved easily with the simplest stack!

  • Performant Components through customization

    Most current UI libraries provide great user experience with a vast of components. But when it comes to heavy customization and non-standard scenarios, especially for E-Commerce, they become hard to manage, scale or even slow down performance. How to create a UI library that provides users the most possible freedom in customizing components, while keeping our performance and scalability to the fullest? How much customization freedom is enough? What other lessons learned, during building StorefrontUI, that can help other Vue developers in building their own system. Demo github: https://github.com/mayashavin/storefrontui-demo-store Demo site: https://storefrontui-demo-store.now.sh/

  • Dynamic from Static with Smart Deployment

    Static site generators (SSG) become more powerful and efficient in building and serving performant sites to end users. But when it comes to dynamic content, the latency in static site deployment brings up the new dimension of UX implication, the freshness gap of served content between builds. Performance is not only about what we deploy to end users, but also about how we build and deploy. How do current modern SSDPs leverage this problem? What are the options and approaches do we have to help SSDP being "smart"? That's what my session is about.

  • Scripting in style, What's your Vue? (Toronto 2019)

    Built-in CSS Modules and Scoped CSS support eases the process of styling your Vue. But a separate tag is still needed. What about styling directly and dynamically in JavaScript - aka CSS-in-JS and save the pain? Should we, or should we not consider this as a good approach? This is what my talk about. Code sample: https://codesandbox.io/embed/style-with-vue-fzzci

  • Scripting in style - What's your Vue?

    Code Demo: https://codesandbox.io/embed/style-with-vue-fzzci

  • Maintainable & readable code with MonoRepo

  • Gridify your app with JAMstack

    Keen to have fun building web applications and get some tasty JAM out of the stack of Gridsome and Netlify? Let's build Progressive web apps, SEO friendly, fast and dynamic in a "static" way, entirely server-less.

  • CSS in JS - the good, the bad and the ugly

    The rise of modern JS frameworks brought in more efficient concept of Front End programming. These inspired new approaches, such as CSS Module and CSS-in-JS, more scoped in working with CSS. It’s always a debate which is the best practice among these approaches. Some claimed CSS-in-JS eliminates developer’s most fear when dealing with CSS (the CSS file) with more dynamic approach. Some disagreed. If you are keen to know about CSS-in-JS and what should be considered when it comes to work with CSS, this talk is for you.

  • Cloudinary Sketch plugin

  • Key notes about VueJS Israel

    A short introduction about VueJS Israel community and our mission.

  • Optimize your eCommerce App with JAMstack

  • Syntactic sugar, diabetes alert

    JavaScript starting with ES6 offered a lot of new syntax and features. Most helps saving lines of code needs, while improves code readability and reduces the learning curve for the language. Yet usage of these syntax without considering consequences nor situation can bring the exact opposite result. In this session, we will discuss about these pitfalls, and how to develop more proactive coding habit .

  • Vue your media with accessibility (m16y)

    How do you, as developers, handle medias to offer good UX to visual impairments at minimal extra code and complexity? That’s what my talk about. It will focus on a CSS/JS-less developing approach to achieve full accessibility support with real time media manipulation, and keep the process fun.