Part 1-Building a React App Using Fable and Feliz
In this blog post, I shared my experience getting started with F# and the Feliz library for building web applications. I walked through setting up a Feliz project template, using the Feliz DSL for type-safe HTML, and adding JSX support. It's been a productive and enjoyable journey so far!
Part 1-Building a React App Using Fable and Feliz
In this blog post, I shared my experience getting started with F# and the Feliz library for building web applications. I walked through setting up a Feliz project template, using the Feliz DSL for type-safe HTML, and adding JSX support. It's been a productive and enjoyable journey so far!
Part 2-Feliz Environment Variables
In Part Two of our blog series, I showed you how to use environment variables and F# conditional compilation in Vite and Feliz-based F# web apps for safer configuration and behavior adjustments across different environments. Stay tuned for integrating Daisy UI in the next installment!
Part 2-Feliz Environment Variables
In Part Two of our blog series, I showed you how to use environment variables and F# conditional compilation in Vite and Feliz-based F# web apps for safer configuration and behavior adjustments across different environments. Stay tuned for integrating Daisy UI in the next installment!
Part 3-Building UI with Feliz.DaisyUI
In this blog post, I integrated Feliz.DaisyUI into our F# web app, guiding through installation and configuration to create responsive UI components. We utilized Feliz for functional programming and DaisyUI's utilities to design an appealing interface, preparing to build a unit conversion UI in the next series installment.
Part 3-Building UI with Feliz.DaisyUI
In this blog post, I integrated Feliz.DaisyUI into our F# web app, guiding through installation and configuration to create responsive UI components. We utilized Feliz for functional programming and DaisyUI's utilities to design an appealing interface, preparing to build a unit conversion UI in the next series installment.
Part 4-State Management in Feliz
In the post, two methods of state management in Feliz are demonstrated for an F# web application: the `useElmish` hook for Elmish-style state management and the `useState` hook for simpler state updates. A temperature converter example is used to illustrate both approaches, which are then integrated into a router.
Part 4-State Management in Feliz
In the post, two methods of state management in Feliz are demonstrated for an F# web application: the `useElmish` hook for Elmish-style state management and the `useState` hook for simpler state updates. A temperature converter example is used to illustrate both approaches, which are then integrated into a router.
Part 5-Using Fetch APIs in Fable
Explore data fetching in F# web apps using Feliz and Fable by integrating the Fetch API with promises and React hooks. Learn through a practical example that retrieves user data asynchronously, utilizing the Fable.Fetch library and the Feliz.UseDeferred hook for efficient and type-safe HTTP requests in a functional programming paradigm.
Part 5-Using Fetch APIs in Fable
Explore data fetching in F# web apps using Feliz and Fable by integrating the Fetch API with promises and React hooks. Learn through a practical example that retrieves user data asynchronously, utilizing the Fable.Fetch library and the Feliz.UseDeferred hook for efficient and type-safe HTTP requests in a functional programming paradigm.