eBay’s open source JavaScript UI framework modernizes universal web development.

By: Ryan Carniato, Michael Rawlings and Dylan Piercey

Image for post
Image for post

eBay was founded with the core belief that we should use technology to empower and connect people globally. In the technology world, we’re a core contributor to and believer in open source technology. Not only does a company culture of open source help us empower our developers, but it also enables our technologists to collaborate both across the organization and with peers throughout the industry.

A key pillar of eBay’s participation in the open source software community is our most popular open source project, Marko. Initially developed by eBay in 2012 to…


The ultimate performance battle between JavaScript frameworks

Image for post
Image for post

I was looking around the web and realized we haven’t had a good JavaScript Framework Performance Shootout in over 2 years. So before 2020 wraps up, let’s have a bit of fun pitting these libraries against each other.

How about taking the 20 most popular JavaScript Frameworks and put them head to head using the JS Framework Benchmark?

Disclaimer: This comparison is meant to be fun and maybe educational along the way. As always, every library here is performant enough for most things. If anything this should emphasize that performance can come from a variety of different technologies and techniques…


Image for post
Image for post

The Marko Team has been working on a new rendering engine which is slated to become the core engine for Marko in a similar way Fiber(React), Glimmer(Ember), and Ivy(Angular) have been for their respective libraries. Today I want to give you a first peek into what this is going to look like.

A lot has changed since the release of Marko 4 in 2017. Most of the effort has been managing migrations, and updating tooling (ie.. the move to Babel, Webpack, Rollup). Marko 5 is in alpha and represents the modernization of the toolchain. But what about the architectural considerations?


Technology created in the name of economy can also be used for Performance

Image for post
Image for post
Red Tesla Model 3 By By canadianPhotographer56

SolidJS is a newer JavaScript UI Library(open sourced Apr. 2018). The premise for its origin simple: Showcase the usability and performance of fine-grained reactivity in web application development.

Two years later I still find myself explaining how Solid has carved out its unique niche in an overcrowded space. After reading Swyx’s Svelte for Sites, React for Apps which again poses the dichotomy for Sites and Apps, I have another take.

Building for Economy

Intel Core Processor

The Intel Core Micro-Architecture was not originally designed to be the powerhouse it is today in server and desktop machines. It was for mobile chips.

In the early 2000s Intel’s…


This time we conquered the Server.

Image for post
Image for post
Man Riding Bike by Hilmi Bana on pexels.com

I have a process. I apply this to almost any sort of problem I face.

Step 1. Define the problem

This for me often takes the longest. It is absolutely critical to understand what you are trying to solve, who stakeholders are, and what's actually important.

Step 2. Propose an idealized solution no matter the cost

No.. “but”s just pure and simple how this should work if everything could go your way.

Step 3. Throw it all away and reframe the original question

I find this absolutely necessary to exhaust the prescribed train of thought so that I break apart…


SolidJS enters the ring as the newest challenger in the RealWorld Demo. Let’s see how it stacks up.

Image for post
Image for post

The first thing you should know about me is that I'm a sucker for performance benchmarks. I started down the path of writing reactive JavaScript UI libraries with something to prove. Something about the approach intrinsically clicked for me and I wasn't going to rest until I could prove it to be superior to its Virtual DOM counterparts. For me, that started with performance. But that was 5 years ago, of which it took 4 of them to reach that goal.

So yes, I'm talking about SolidJS, a modern fully-featured reactive JavaScript UI library. It checks all the boxes with…


Developer Experience is an area with a lot of tradeoffs. How can we possibly find the right balance?

Image for post
Image for post
White Lantern Lot by Evgeny Tchebotarev

SolidJS is a high-performance JavaScript UI Library. This article series goes deep into the technology and decisions that went into designing the library. You do not need to understand this content to use Solid. Today’s article focuses on Solid’s approach to abstraction.

It’s taken quite a while for me to write my first article of 2020. And in that vein, I wanted to reflect a bit on what has changed over the past 10 years and how that influenced Solid’s design. I’ve always stated that Solid is simply built on the work that has happened in the past (much of…


… and debunking other Modern Web Development Myths

Image for post
Image for post

I’ve recently read a few articles making some pretty outrageous claims, based on little more than anecdotal references to a few conference talks. Part of it is the time of year. As we move from one year to the next it is a good time to look forward to the future. And I don’t even think all the sentiment is misplaced, just that the evidence and justifications are lacking. We might get there one day but that day is not today.

So let’s dig into a few ones that have been floating around the past year.

Myth #1: Web Components replace Frameworks/Libraries

Web Components are a…


React isn’t the only library capable of stopping time.

Image for post
Image for post
Nature Water Drop from pixabay.com

SolidJS is a high-performance JavaScript UI Library. This article series goes deep into the technology and decisions that went into designing the library. You do not need to understand this content to use Solid. Today’s article focuses on Solid’s approach to asynchronous rendering.

Suspense and Concurrent Mode are being touted as the future of web development by many. This set of features being developed by React is poised to revolutionize how web applications are designed. But these are complicated topics and while Dan Abramov’s series of tweets have helped to promote understanding of React’s intention with these features, I still…


How is it that the syntax born of the Virtual DOM is also secretly the best syntax for Reactive UI libraries?

Image for post
Image for post
Black and White Carbon Close Up by Engin Akyurt

SolidJS is a high-performance JavaScript UI Library. This article series goes deep into the technology and decisions that went into designing the library. You do not need to understand this content to use Solid. Today’s article focuses on Solid’s JSX templating system.

JSX may not be the most obvious choice for templating in a Reactive UI library, but it definitely brings something to the table that should not be overlooked. It allows increased flexibility, better tooling, and unmatched performance. I consider JSX to be a big part of what makes Solid the fastest reactive library out there. …

Ryan Carniato

FrontEnd JS Performance Enthusiast and Long Time Super Fan of Fine Grained Reactive Programming. Member of Marko Core Team. Author of SolidJS UI Library.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store