📄️ Html
Writing Html in Feliz is done through the Html module, which provides a set of functions corresponding to HTML elements.
📄️ F# in Html
In Feliz you can use F# code directly in your Html structure as it is abstracted into F# native lists. This means you can use all the power of F# to create dynamic and reusable components.
📄️ Rendering Lists
📄️ Conditional Rendering
F# syntax allows for multiple solutions to conditional rendering in React components. Here are some of the most common patterns:
📄️ [<ReactComponent>]
Feliz offers a simple way to define React components using the [] attribute. This attribute can be applied to a function that returns a React element.
📄️ Reactivity
Reactivity in Feliz is built on top of React's hooks API. Information can be stored in component state using the useState hook. Changes to state trigger a re-render of the component.