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.