ElementaryUI is een framework dat Swift naar de browser brengt door middel van WebAssembly. Het biedt een intuïtieve API die is geïnspireerd op SwiftUI, inclusief ingebouwde reactiviteit voor statebeheer via @State, @Environment en @Reactive. Dankzij de ondersteuning voor Embedded Swift blijven de resulterende binaries zeer compact (enkele kB). Daarnaast beschikt het framework over een krachtig CSS-gebaseerd animatiesysteem met FLIP-transities en maakt het gebruik van Vite voor een snelle ontwikkelervaring met hot reload.
ElementaryUI
Wat is het?
Swift in de browser: Voer declaratieve Swift-applicaties native uit in de browser met WebAssembly.
SwiftUI-geïnspireerde API's: Bekende en intuïtieve syntaxis voor het bouwen van web-UI's.
Ingebouwde reactiviteit: Automatisch statebeheer met @State, @Environment en @Reactive.
Kleine binaries: Volledige ondersteuning voor Embedded Swift betekent wasm-bundels van enkele kB in plaats van MB.
Magische animaties: Krachtig animatiesysteem op basis van CSS, inclusief automatische FLIP-transities.
Ontwikkeling aangedreven door Vite: Snelle dev-server met hot reload voor snelle iteratie.
@View
struct LoveCounter {
@State var count = 1
var body: some View {
p { String(repeating: "❤️", count: count) }
if count < 10 {
button { "More Love" }
.onClick { count += 1 }
} else {
p { "Enough love for you!" }
button { "Less Love" }
.onClick { count = 1 }
}
}
}
Swift in de browser.
ElementaryUI
Wat is het?
Swift in de browser: Voer declaratieve Swift-applicaties native uit in de browser met WebAssembly.
SwiftUI-geïnspireerde API's: Bekende en intuïtieve syntaxis voor het bouwen van web-UI's.
Ingebouwde reactiviteit: Automatisch statebeheer met @State, @Environment en @Reactive.
Kleine binaries: Volledige ondersteuning voor Embedded Swift betekent wasm-bundels van enkele kB in plaats van MB.
Magische animaties: Krachtig animatiesysteem op basis van CSS, inclusief automatische FLIP-transities.
Ontwikkeling aangedreven door Vite: Snelle dev-server met hot reload voor snelle iteratie.
@View
struct LoveCounter {
@State var count = 1
var body: some View {
p { String(repeating: "❤️", count: count) }
if count < 10 {
button { "More Love" }
.onClick { count += 1 }
} else {
p { "Enough love for you!" }
button { "Less Love" }
.onClick { count = 1 }
}
}
}
Zichtbare categorieën
Kies welke categorieën je wilt zien.
Over deze site
Waarom Tech-update?
Tech-update is ontstaan omdat ik merkte dat ik dagelijks veel verschillende websites moest bezoeken om interessant technieuws te vinden. Dat kon efficiënter.
Hoe werkt het?
Meerdere keren per etmaal gaat mijn zelfgebouwde AI-agent op zoek naar interessante artikelen op blogs en nieuwssites.
Vindt hij iets relevants, dan wordt het artikel naar het Nederlands vertaald en op Tech-Update geplaatst.
Van ieder artikel maakt de AI ook een korte samenvatting. Zo kun je snel bepalen of het de moeite waard is om het volledige artikel te lezen.
Bij ieder artikel staat altijd een link naar de oorspronkelijke bron (vaak een Engelstalige website).
Artikelen kun je bewaren als favoriet, vastzetten in de zijbalk of terugvinden via de zoekfunctie.
In de instellingen (tandwielikoon rechtsboven) geef je aan in welk soort nieuws je geïnteresseert bent.