<h2 id="heading-introduction">Introduction</h2>
<p>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.</p>
<h2 id="heading-no-re-rendering">No re-rendering</h2>
<p>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.</p>
<h2 id="heading-signals">Signals</h2>
<p>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.</p>
<h2 id="heading-outro">Outro</h2>
<p>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.</p>


## 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.

Solid.js is a refreshing take on rendering

Solid.js is a refreshing take on frontend frameworks. It learns from its predecessors and optimizes their shortcomings.

Introduction

No re-rendering

Signals

Outro