SolidJS in 59 Seconds

JSX

Mix HTML-like markup with JavaScript values.

export function Greeting(props) {
  return (
    <p>Hello, {props.name}!</p>
  )
}

Components

Build one component, then reuse it with different props.

Signals

Store changing values with a getter and setter.

Built-in APIs

Less repeated work

Change state. Update only the parts of your interface that depend on it.

No virtual DOM

Change the real DOM directly, without comparing a virtual copy.

Small runtime

Keep unused framework code out of your bundle.

Responsiveness

Use focused updates to help keep typing and clicks responsive.