#design

Subscribe
Design is the process of creating a plan or solution to a problem. It involves breaking down a complex system into smaller components and then finding ways to combine those components in order to achieve a desired outcome. In the context of JavaScript, design is about understanding how to structure code in order to create a robust, efficient, and maintainable application. Designing for JavaScript requires an understanding of the language’s syntax, data structures, algorithms, and other core concepts. Additionally, it involves making decisions about how to organize code, utilize libraries and frameworks, and structure the application architecture.
Vue.js London 2023Vue.js London 2023
14 min
Domain Driven Design with Vue Applications
Introduction to Domain Driven Design
- What is DDD?
- Key principles of DDD
- Benefits of using DDD in web application development
Domain Modeling in Vue 3 Applications
- How to design and implement domain models in Vue 3
- Strategies for integrating domain logic with Vue's reactive data model and component-based architecture
Best Practices for Implementing DDD in Vue 3
- Strategies for organizing code in a way that follows DDD principles
- Techniques for reducing coupling between domain and application logic
- Tips for testing and debugging domain logic in Vue 3 applications
Vue.js London 2023Vue.js London 2023
20 min
Proven Pinia Patterns
With Vue's new-and-improved state management library, Pinia, we gain a much more modular tool. While being more flexible, leaner, and lacking the Mutations of Vuex, Pinia presents us with more opportunities to be creative, for better or worse, with our app architecture and how state management is conducted and organized within it.
This talk explores some @posva-approved best practices and architectural design patterns to consider when using Pinia in production.
Vue.js London 2023Vue.js London 2023
18 min
Component Design Patterns
How do you write a good component? In this talk we’ll explore several different patterns for writing better components. We’ll look at techniques for simplifying our components, making them easier to understand, and getting more out of the components we’ve already got.
React Day Berlin 2022React Day Berlin 2022
32 min
Consistent UX at Scale: Lessons Learned When I Wore the DesignOps Hat
The need for Design Systems comes with the need for scale, efficiency, and consistency in design. Those have been one of the major talking points in the design—and front-end—community for the past years. Some love it; some are more skeptical. In this session, I'm gathering the common denominators I've noticed while working on Design Systems across small, medium, and huge companies, with an eye on points like consistency, themeability, accessibility, the path to deliver designs to actual code, and their adoption.
React Advanced Conference 2022React Advanced Conference 2022
19 min
Building Figma’s Widget Code Generator
Widgets are custom, interactive objects you place in a Figma or Figjam file to extend functionality and make everything a bit more fun. They are written in a declarative style similar to React components, which gets translated to become a node on the canvas. So can you go the other way, from canvas to code? Yes! We’ll discuss how we used the public Figma plugin API to generate widget code from a design file, and make a working widget together using this.
JS GameDev Summit 2022JS GameDev Summit 2022
30 min
So You Want to be an Indie Game Developer?
So you want to be an indie game developer? You probably have an idea of what indie game development is like. My job is to assure you that you are wrong. I'm going to talk about misconceptions around indie game development and all you need to know before getting into it.


React Finland 2021React Finland 2021
21 min
JSX for Designers
Even today, with advanced tooling and frameworks, the gap between design and development still exists. This talk will examine how we can eliminate handoff between design and development teams using JSX as a shared source of truth across any platform.