Introduction

Coming from the react world, I really understand and appreciate the virtual DOM. I'm not going to go into details but it's a pretty solid Idea. Basically, it compares the differences between the previous DOM and the new DOM and updates accordingly. When you take a look at Solid's take on it though it's much more refreshing.

No re-rendering

Re-rendering works a little differently in Solid.js. In React every re-render causes the entire component to be re-rendered on the screen but in Solid.js only the specific HTML tag will be rerendered. This makes it much faster and more responsive.

Signals

Signals are even emitters that hold a list of subscriptions. Signals are the cornerstone of reactivity in Solid.js. They contain values that change over time; when you change a signal's value, it automatically updates anything that uses it.

Outro

Solid is a latecomer in the javascript framework ecosystem so it makes sense that it does things better than its predecessors. React is a 10-year-old framework at this point it's made a lot of mistakes. It has to do a lot of the heavy lifting and a lot of bloat got carried along with it. Solid is faster and more lightweight.