Documentation
¶
Directories
¶
Path | Synopsis |
---|---|
Just like in SolidJS, a Vigor App is composed of functions that we call components.
|
Just like in SolidJS, a Vigor App is composed of functions that we call components. |
Go's closest alternative to JSX right now is through the use of the variadic (`...`) argument to functions.
|
Go's closest alternative to JSX right now is through the use of the variadic (`...`) argument to functions. |
Components are just functions like the above `HelloWorld()`.
|
Components are just functions like the above `HelloWorld()`. |
Signals are the cornerstone of reactivity in Vigor.
|
Signals are the cornerstone of reactivity in Vigor. |
Signals are trackable values, but they are only one half of the equation.
|
Signals are trackable values, but they are only one half of the equation. |
We've seen that whenever we access a signal in JSX, it will automatically update the view when that signal changes.
|
We've seen that whenever we access a signal in JSX, it will automatically update the view when that signal changes. |
Most of the time, composing derived signals is sufficient.
|
Most of the time, composing derived signals is sufficient. |
JSX allows you to use JavaScript to control the logic flow in the templates.
|
JSX allows you to use JavaScript to control the logic flow in the templates. |
The <For> component is the best way to loop over an array of objects.
|
The <For> component is the best way to loop over an array of objects. |
You now know how to render lists in Solid with <For>, but Solid also provides the <Index> component, which will cause less rerenders in certain situations.
|
You now know how to render lists in Solid with <For>, but Solid also provides the <Index> component, which will cause less rerenders in certain situations. |
Sometimes you need to deal with conditionals with more than 2 mutual exclusive outcomes.
|
Sometimes you need to deal with conditionals with more than 2 mutual exclusive outcomes. |
The <Dynamic> tag is useful when you render from data.
|
The <Dynamic> tag is useful when you render from data. |
Sometimes it's beneficial to insert elements outside the normal flow of the app.
|
Sometimes it's beneficial to insert elements outside the normal flow of the app. |
A JavaScript error originating in the UI shouldn’t break the whole app.
|
A JavaScript error originating in the UI shouldn’t break the whole app. |
Events in Solid are attributes prefixed with on.
|
Events in Solid are attributes prefixed with on. |
Click to show internal directories.
Click to hide internal directories.