Vest 6 for the Stranded Time Traveler

Form validation is one of those problems we keep solving, and somehow it keeps being annoying.

We mix business rules with UI state, validate things the user hasn't touched yet, and rerun work we already did because one value changed.

But what if the validation framework remembered what happened before?

Vest 6 keeps validation state between runs. Change one field and previous results that are still useful can stay exactly where they are. Change something another field depends on and Vest can tell that the old result may no longer be trustworthy. Start two async validations and it can tell which answer belongs to the current version of the form.

I'll live code a form with Vest 6 and gradually make it more troublesome. Along the way we'll deal with retained validation state, relationships between fields, selective execution and async race conditions.

Basically, time travel.

Unfortunately, only for forms.

Live coding presentation; needs a wearable lavalier or headset mic, not handheld. Talk is new in English; an early version was presented once at a local Hebrew React meetup in Israel.

CSS is more powerful than you think. Building CSS Only Search!

CSS Is more powerful than we usually give it credit for. Let's see together how we can make use of CSS to build together a fully functioning filtering capabilities into an existing search component, improving performance while at it.

We will use some old and new techniques, and combine them in creative ways to turn a slow, laggy experience into a responsive and modern searching capability.

We'll learn about the advancements in CSS, and discover the untapped potential of CSS for building dynamic UIs

Improving Form Validation with Server Actions and Vest

Forms are at the core of web development, but working with them can also be challenging. As they get more complex, they become harder to write, maintain, and validate effectively.

Server Actions is a new feature recently added to React that allows us to pass data over to the server from our forms without needing to create a dedicated API endpoint for it. However, this is just the beginning. It's now up to us to decide how to validate and store our data.

In this talk, we will explore how to properly use React Server Actions and combine them with Vest, a new breed of validation library that changes the way we handle form validation using a declarative and expressive syntax similar to testing libraries. We will discuss why form validation is so difficult and how to simplify it using Vest and Server Actions.

Together, we will take a deep dive into a complex validation scenario and learn how to make it simple using these powerful tools. By the end of this talk, you will have a better understanding of how to work with forms in React and how to use Server Actions and Vest to improve your form validation process.

Shipping Styles with Our Open Source Package

Building open source UI components with styles can be a challenge, especially when it comes to ensuring consistent and seamless integration across different environments and bundlers.

Current solutions often require manual work and complex configurations, leaving developers using our components frustrated and struggling to make them work as intended.

But what if consuming styled third-party packages was as simple as importing local ones? What if you could achieve effortless and consistent styling without the headache of environment or bundler issues?

Join as we explore a solution that addresses these challenges and makes it easy to develop open-source UI components that are just as simple to consume as locally imported ones.

We'll learn how to achieve seamless integration and eliminate the need for complex configurations, so you can focus on building amazing open source UI components with ease.

Form the future. Form Validation Reimagined.

Forms are at the core of web development, but working with them can also be challenging. As they get more complex, they become harder to write, maintain, and validate effectively.

Introducing a new way of writing forms, using Vest - a new breed of validation framework that changes the way we handle form validation using the declarative and expressive syntax and style of testing libraries.

We will cover the history of forms on the web, why it is so hard to validate them - and how to fix that. We will together step up our form validation game by taking a complex validation scenario and make it simple using Vest.

Building CSS Only Search in React?!

CSS Is more powerful than we usually give it credit for. Let's see together how we can make use of CSS to build together a fully functioning filtering capabilities into an emoji-picker component, improving performance while at it.

We will use some old and new techniques, and combine them in creative ways to turn a slow, laggy experience into a responsive and modern searching capability.

We'll learn about the advancements in CSS, and discover the untapped potential of CSS for building dynamic UIs

Open Source Development: Myths, Misconceptions, and Realities

As an open source developer, I have experienced firsthand the thrill of making contribution to the world of free and open-source software. I have also faced my share of challenges - including balancing my passion for open source with the demands of a full-time job, avoiding burnout, and navigating the complexities of building and maintaining a thriving community around my project.

In this talk, I will share my journey as an open source developer and offer insights and advice on these topics.

Whether you are a seasoned pro or just starting out, this talk is for anyone who wants to learn more about the exciting world of open source development.

Power up your form validations with Vest.

Forms are a fundamental part of the web, but they can be difficult to write, maintain, and validate properly. This is because they often contain complex rules and constraints that need to be enforced.

That's why I built Vest, a form validation framework that is inspired by the syntax and style of unit testing libraries like Jest. With Vest, you can write your validation in a way that's easy to understand and maintain.

In this session, we will talk about the history of forms on the web, their problems - and how Vest fixes them. By the end of this live coding session, you will know everything you need to get going with Vest to power up your form validations.

Live coding, New Framework, Open Source

Let's Build React Context From Scratch in JS

In this talk, we'll explore the capabilities of React's Context API and learn how to use its powerful features outside of React to declutter our code, reduce bloat, and simplify our functions' signatures.

We'll make use of JavaScript fundamentals to build this API from scratch, and by the end of the talk, you'll be able to use it in your vanilla JavaScript and node applications.

Join me as we dive into the world of React's Context API and discover how to harness its power in your own projects. You won't want to miss this exciting opportunity to learn a new approach to building efficient, effective applications.

Live coding, context propagation, Vanilla JS

Harness the power of JavaScript Proxies.

Javascript Proxy is one of the lesser-known features introduced in ECMAScript 2015. In this session, we'll explore the benefits of using Proxies and discuss the types of problems they are best suited to solve.

I'll share my own experience of using Proxies to create an assertion library for the Vest validation framework. I'll explain the challenges I faced with traditional methods and how Proxies allowed me to overcome them.

Together, we'll build the assertion library step by step, so you'll have a practical understanding of how Proxies can be used to improve your own code. By the end of this session, you'll have a clear understanding of the capabilities of Javascript Proxies and how to apply them in your own projects.

Live coding, proxy, vanilla, assertion, tests, open source

How I Found My Unlucky Shirt and the Art of API Design

API design is an important aspect of creating software that is intuitive, safe to use, and performs its intended function. In this talk, we will explore the considerations and best practices for API design, including optimizing for a short learning curve, discoverability, and consistency. We will also discuss strategies for narrowing the surface area of an API and how to prevent introducing breaking changes. By following these principles, we can build APIs that are a valuable asset for developers.