[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"technologies":3,"\u002Fblog\u002Fai-agents-struggle-with-flutter":167,"team-members":2482,"blog-topics":2824,"mdc--a70y1b-key":2866,"glossary":2982},[4,10,15,21,26,32,38,43,48,53,58,63,68,73,77,82,87,92,97,103,108,113,118,123,128,133,138,143,147,152,157,162],{"title":5,"description":6,"slug":7,"category":8,"icon":9},"Android","Elke app die we uitbrengen bereikt Android — platform-API's, uitvoering op de achtergrond, permissies en de winkeleisen die daarbij horen.","android","framework","logos:android-icon",{"title":11,"description":12,"slug":13,"category":8,"icon":14},"Angular","Het front-endframework waarin we werken als een product al Angular is — een kant-en-klare structuur die past bij grote, langlevende applicaties.","angular","logos:angular-icon",{"title":16,"description":17,"slug":18,"category":19,"icon":20},"Dart","De taal waarin elke Flutter-app die we uitbrengen geschreven is — sound null safety, echte pattern matching, en een compiler voor native en web.","dart","language","logos:dart",{"title":22,"description":23,"slug":24,"category":8,"icon":25},"Django","Het Python-framework dat we pakken als een product op dag één een beheeromgeving, authenticatie en een echt datamodel nodig heeft.","django","logos:django-icon",{"title":27,"description":28,"slug":29,"category":30,"icon":31},"Docker","Elke service die we bouwen verschijnt als container, zodat wat op een laptop, in CI en in productie draait één artefact is en niet drie verschillende.","docker","infrastructure","logos:docker-icon",{"title":33,"description":34,"slug":35,"category":36,"icon":37},"Fastlane","De releaseautomatisering achter ons mobiele werk — ondertekenen, builds en winkeluploads draaien vanuit CI, niet vanaf één laptop.","fastlane","tools","logos:fastlane",{"title":39,"description":40,"slug":41,"category":8,"icon":42},"Flutter","Onze belangrijkste mobiele stack sinds 2018 — één Dart-codebase die uitkomt op iOS, Android, web en desktop zonder een apart team per platform.","flutter","logos:flutter",{"title":44,"description":45,"slug":46,"category":36,"icon":47},"Git","Elk project dat we aanraken leeft in Git — beoordeelde pull requests, CI op elke branch, en een historie die maanden later nog te volgen is.","git","logos:git-icon",{"title":49,"description":50,"slug":51,"category":19,"icon":52},"Go","Onze backendtaal voor realtime-API's en services onder belasting — kleine binaries, snelle builds, en gelijktijdigheid die leesbaar blijft.","go","logos:gopher",{"title":54,"description":55,"slug":56,"category":30,"icon":57},"Google Cloud","De cloud waarop onze productieworkloads draaien — beheerde Kubernetes, opslag en netwerken, zonder handgebouwde servers die niemand wil onderhouden.","gcp","logos:google-cloud",{"title":59,"description":60,"slug":61,"category":36,"icon":62},"Gradle","Het buildsysteem waar elke Android-release doorheen gaat — product flavours, ondertekeningsconfiguraties, en de afhankelijkheden onder een Flutter-app.","gradle","logos:gradle",{"title":64,"description":65,"slug":66,"category":30,"icon":67},"Helm","Hoe we een Kubernetes-uitrol verpakken — service, configuratie, secrets en ingress als één versiebeheerde eenheid die je kunt promoveren en terugdraaien.","helm","logos:helm",{"title":69,"description":70,"slug":71,"category":19,"icon":72},"Kotlin","Waar we naar grijpen als een Flutter-app echt Android eronder nodig heeft — platform channels, achtergrondwerk en integraties met native SDK's.","kotlin","logos:kotlin-icon",{"title":74,"description":75,"slug":76,"category":8,"icon":72},"Kotlin Multiplatform","Bedrijfslogica delen tussen iOS en Android terwijl elk platform zijn eigen native UI houdt — het alternatief wanneer Flutter niet past.","kmp",{"title":78,"description":79,"slug":80,"category":30,"icon":81},"Kubernetes","Hoe we services in productie draaien — Helm-uitrollen, rollouts die terug te draaien zijn, en schalen zonder dat iemand om 3 uur 's nachts wakker hoeft te zijn.","kubernetes","logos:kubernetes",{"title":83,"description":84,"slug":85,"category":30,"icon":86},"NATS","Lichtgewicht berichtenverkeer tussen services — publish\u002Fsubscribe en request\u002Freply zonder het beheergewicht van een volledig brokercluster.","nats","logos:nats-icon",{"title":88,"description":89,"slug":90,"category":8,"icon":91},"Nuxt","Vue met serverrendering, routering en SEO al geregeld — hoe we marketingsites en webapps bouwen die bij het eerste laden snel en vindbaar moeten zijn.","nuxt","logos:nuxt-icon",{"title":93,"description":94,"slug":95,"category":19,"icon":96},"PHP","Waar we met een bestaande PHP-backend werken — hem uitbreiden, ermee integreren, en de mobiele en webclients bouwen die hij moet bedienen.","php","logos:php",{"title":98,"description":99,"slug":100,"category":101,"icon":102},"PostgreSQL","Onze standaarddatabase — waar we naar grijpen tenzij een product een specifieke reden geeft om dat niet te doen, van schema tot indexen.","postgres","database","logos:postgresql",{"title":104,"description":105,"slug":106,"category":19,"icon":107},"Python","Onze taal voor backends, datawerk en AI-integraties — inclusief de Python-bindings die we bij onze eigen Rust-tooling leveren.","python","logos:python",{"title":109,"description":110,"slug":111,"category":8,"icon":112},"React","De front-endbibliotheek waarin we werken als een product al React is — componenten, hooks, en het ecosysteem dat eromheen is gegroeid.","react","logos:react",{"title":114,"description":115,"slug":116,"category":101,"icon":117},"Redis","Waar we data neerzetten die snel moet zijn en opnieuw op te bouwen valt — caches, sessies, verzoeklimieten en achtergrondwachtrijen.","redis","logos:redis",{"title":119,"description":120,"slug":121,"category":19,"icon":122},"Ruby","De taal waarin onze mobiele releaseautomatisering geschreven is — Fastlane-lanes, eigen acties, en de CI-lijm die builds naar de winkels brengt.","ruby","logos:ruby",{"title":124,"description":125,"slug":126,"category":19,"icon":127},"Rust","Waar we heen gaan als prestaties én correctheid allebei tellen — documenten renderen, CLI-tooling, en services die snel en voorspelbaar moeten blijven.","rust","simple-icons:rust",{"title":129,"description":130,"slug":131,"category":101,"icon":132},"SQLite","De database die meereist in de app — lokale caches, offline-first opslag, en alles wat ook zonder netwerk moet blijven werken.","sqlite","logos:sqlite",{"title":134,"description":135,"slug":136,"category":8,"icon":137},"Strapi","Een headless CMS waar we naar grijpen als redacteuren de content moeten beheren — een echte beheeromgeving en een schone API, zonder ze zelf te bouwen.","strapi","logos:strapi-icon",{"title":139,"description":140,"slug":141,"category":19,"icon":142},"Swift","Waar we naar grijpen als een Flutter-app echt iOS eronder nodig heeft — platform channels, integraties met native SDK's, widgets en App Clips.","swift","logos:swift",{"title":144,"description":145,"slug":146,"category":8,"icon":142},"SwiftUI","Het UI-framework van Apple, waar we de native oppervlakken bouwen die een Flutter-app niet kan afdekken — widgets, App Clips, extensies en systeemintegraties.","swiftui",{"title":148,"description":149,"slug":150,"category":8,"icon":151},"Tailwind CSS","Hoe we elke front-end die we bouwen vormgeven — utility-klassen en designtokens in plaats van een stylesheet die alleen maar groeit en nooit wordt opgeschoond.","tailwind","logos:tailwindcss-icon",{"title":153,"description":154,"slug":155,"category":19,"icon":156},"TypeScript","De standaard voor alles wat we voor de browser en voor Node-services schrijven — types die integratiebugs vangen voordat ze een review halen.","typescript","logos:typescript-icon",{"title":158,"description":159,"slug":160,"category":8,"icon":161},"Vue","Ons front-endframework voor beheerpanelen, dashboards voor winkeliers en webapps die jaren onderhoudbaar moeten blijven, geen sprints.","vue","logos:vue",{"title":163,"description":164,"slug":165,"category":36,"icon":166},"Whisper","Het opensource spraakherkenningsmodel van OpenAI — de transcriptiemotor achter spraakinvoer, draaiend als backendservice én op het toestel in de app.","whisper","simple-icons:openai",{"id":168,"title":169,"author":170,"body":171,"description":2465,"extension":2466,"hero":2467,"meta":2470,"metaDescription":2471,"metaTitle":2472,"navigation":396,"ogDescription":2473,"path":2474,"seo":2475,"slug":2476,"stem":2477,"summary":2478,"timestamp":2479,"topic":41,"updated":2480,"__hash__":2481},"blog_nl\u002Fblog\u002Fai-agents-struggle-with-flutter.md","Hoe AI-agents worstelen met Flutter: 7 gaten die ervaring nog steeds dicht","nixan",{"type":172,"value":173,"toc":2451},"minimark",[174,224,227,232,235,246,252,262,308,311,313,317,327,330,522,528,534,634,654,660,662,666,671,674,683,723,739,741,745,750,910,952,958,963,1257,1278,1365,1379,1388,1390,1397,1400,1412,1501,1504,1548,1556,1659,1680,1816,1827,1836,1838,1842,1847,1865,1868,1871,1898,1903,1912,1917,1919,1923,1926,1930,2129,2149,2168,2176,2202,2226,2235,2237,2241,2244,2249,2255,2311,2322,2344,2349,2354,2356,2360,2367,2370,2380,2393,2399,2405,2412,2414,2418,2422,2426,2429,2447],[175,176,177,181,182,187,188,191,192,195,196,199,200,207,208,211,212,215,216,219,220,223],"p",{},[178,179,180],"strong",{},"Kort samengevat."," Dit is geen pleidooi tegen AI die Flutter schrijft. Agents schrijven een groot deel van onze code, en we ",[183,184,186],"a",{"href":185},"\u002Fblog\u002Fbuilding-with-ai","richtten ons proces daar bewust op in",". Het is een pleidooi over wat er gebeurt wanneer niemand ze aanstuurt. Wij leveren Flutter op met agents, en we beoordelen Flutter die agents onbewaakt schreven — en dezelfde zeven gaten scheiden de twee. Een onbewaakte agent ",[178,189,190],{},"berekent afgeleide state"," overal opnieuw in plaats van één bron van waarheid te houden; ",[178,193,194],{},"schrijft geen tests en geen benchmarks",", waardoor review de enige poort is en regressies er zo doorheen glippen; ",[178,197,198],{},"perst complexe asynchrone logica in if- en switch-piramides over losse vlaggen"," in plaats van die als stream te modelleren; ",[178,201,202,203],{},"behandelt designtokens als constanten in een ",[204,205,206],"code",{},"constants.dart"," in plaats van als de ",[204,209,210],{},"ThemeData"," die het framework hem al geeft; ",[178,213,214],{},"verzint op elk scherm een nieuwe UX-woordenschat",", omdat hij de app niet kan zien; ",[178,217,218],{},"plakt strings aan elkaar"," waar meervoudsregels uit ICU verplicht zijn; en ",[178,221,222],{},"vereenvoudigt uniform",", waarmee hij juist de delen van het domein platslaat waar complexiteit het punt is. Niets hiervan is een Flutter-probleem, en niets ervan betekent dat de code waardeloos is. Het betekent dat de systeembrede besluiten nog steeds van ons zijn.",[225,226],"hr",{},[228,229,231],"h2",{"id":230},"waarom-flutter-dit-harder-afstraft-dan-de-meeste-stacks","Waarom Flutter dit harder afstraft dan de meeste stacks",[175,233,234],{},"Elk van deze fouten duikt in elke taal op. Flutter maakt ze alleen luider, om vier structurele redenen.",[175,236,237,240,241,245],{},[178,238,239],{},"De interface is code, helemaal tot onderin."," Er zit geen stylesheet buiten de broncode die de boel samenhangend houdt, geen cascade, geen gedeeld CSS-bestand dat een tweede developer wel moet opmerken. Elke pixel is een Dart-uitdrukking. Wordt consistentie niet ",[242,243,244],"em",{},"binnen"," de code afgedwongen, dan dwingt niets anders die af.",[175,247,248,251],{},[178,249,250],{},"Alles compileert."," Flutter biedt ruwweg tien redelijke manieren om iets te doen, en alle tien draaien. Er is geen compileerfout voor \"je had hier het thema moeten gebruiken\", geen waarschuwing voor \"dit is de derde keer dat je dit totaal berekent\", geen lint voor \"dit scherm laadt anders dan de andere negenendertig\". De feedback die de agent nodig heeft, bestaat niet tenzij iemand die bouwt.",[175,253,254,257,258,261],{},[178,255,256],{},"De agent ziet het frame nooit."," Hij schrijft een scherm, krijgt een schone ",[204,259,260],{},"flutter analyze",", en meldt succes — op een lay-out die op 320pt overloopt, de verstuurknop achter het toetsenbord verstopt, en in donkere modus zakt voor contrast. Een mens ziet alle drie in twee seconden kijken. Een agent heeft geen ogen tenzij je hem er een geeft.",[175,263,264,267,268,271,272,275,276,279,280,283,284,287,288,291,292,295,296,299,300,303,304,307],{},[178,265,266],{},"De trainingsdata is een decennium gemengde Flutter."," Het framework beweegt snel en het corpus niet. Dus schrijven agents zelfverzekerd ",[204,269,270],{},"RaisedButton"," (verwijderd in 3.0), ",[204,273,274],{},"WillPopScope"," (opgevolgd door ",[204,277,278],{},"PopScope"," na 3.12), ",[204,281,282],{},"MediaQuery.of(context).textScaleFactor"," (vervangen door ",[204,285,286],{},"TextScaler"," in 3.16), ",[204,289,290],{},"MaterialStateProperty"," (hernoemd tot ",[204,293,294],{},"WidgetStateProperty"," in 3.19), ",[204,297,298],{},"Color.withOpacity"," (deprecated ten gunste van ",[204,301,302],{},"withValues"," in 3.27), en ",[204,305,306],{},"ThemeData.accentColor",", dat in 3.7 werd verwijderd en al jaren niet meer bestaat. Het is niet dat het model fout is — het antwoordt voor een Flutter-versie die niemand meer uitbrengt, en de helft ervan compileert nog steeds met een deprecation warning die niemand leest.",[175,309,310],{},"Dan nu de zeven.",[225,312],{},[228,314,316],{"id":315},"_1-eén-bron-van-waarheid-of-overal-opnieuw-berekenen","1. Eén bron van waarheid, of overal opnieuw berekenen",[175,318,319,322,323,326],{},[178,320,321],{},"Wat de agent doet."," Hij leidt dezelfde waarde af op elke plek die hem nodig heeft. Het winkelwagentotaal wordt op de winkelwagenpagina opgeteld. Het wordt nog eens opgeteld in de sticky afrekenbalk. Het wordt een derde keer opgeteld in het besteloverzicht — en die past de korting vóór belasting toe in plaats van erna. Niets is in één bestand ",[242,324,325],{},"fout","; de drie zijn het simpelweg oneens, en dat meningsverschil is onzichtbaar tot een klant het verkeerde bedrag betaalt.",[175,328,329],{},"De Flutter-specifieke variant is erger: state in een widget spiegelen.",[331,332,336],"pre",{"className":333,"code":334,"language":18,"meta":335,"style":335},"language-dart shiki shiki-themes material-theme-lighter github-light github-dark","class _CartPageState extends State\u003CCartPage> {\n  double _total = 0; \u002F\u002F copy #2 of the truth\n\n  @override\n  void initState() {\n    super.initState();\n    _total = widget.items.fold(0, (sum, i) => sum + i.price * i.qty);\n  }\n  \u002F\u002F ...en nu wordt _total nooit bijgewerkt wanneer het winkelmandje verandert\n}\n","",[204,337,338,367,391,398,405,418,437,504,510,516],{"__ignoreMap":335},[339,340,343,347,351,354,357,361,364],"span",{"class":341,"line":342},"line",1,[339,344,346],{"class":345},"smGrS","class",[339,348,350],{"class":349},"sZMiF"," _CartPageState",[339,352,353],{"class":345}," extends",[339,355,356],{"class":349}," State",[339,358,360],{"class":359},"su5hD","\u003C",[339,362,363],{"class":349},"CartPage",[339,365,366],{"class":359},"> {\n",[339,368,370,373,376,379,383,387],{"class":341,"line":369},2,[339,371,372],{"class":349},"  double",[339,374,375],{"class":359}," _total ",[339,377,378],{"class":345},"=",[339,380,382],{"class":381},"srdBf"," 0",[339,384,386],{"class":385},"sP7_E",";",[339,388,390],{"class":389},"sutJx"," \u002F\u002F copy #2 of the truth\n",[339,392,394],{"class":341,"line":393},3,[339,395,397],{"emptyLinePlaceholder":396},true,"\n",[339,399,401],{"class":341,"line":400},4,[339,402,404],{"class":403},"sbsja","  @override\n",[339,406,408,411,415],{"class":341,"line":407},5,[339,409,410],{"class":403},"  void",[339,412,414],{"class":413},"sGLFI"," initState",[339,416,417],{"class":359},"() {\n",[339,419,421,425,428,431,434],{"class":341,"line":420},6,[339,422,424],{"class":423},"s_hVV","    super",[339,426,427],{"class":385},".",[339,429,430],{"class":413},"initState",[339,432,433],{"class":359},"()",[339,435,436],{"class":385},";\n",[339,438,440,443,445,448,450,453,455,458,461,464,467,470,472,475,478,481,484,487,489,492,495,497,499,502],{"class":341,"line":439},7,[339,441,442],{"class":359},"    _total ",[339,444,378],{"class":345},[339,446,447],{"class":359}," widget",[339,449,427],{"class":385},[339,451,452],{"class":359},"items",[339,454,427],{"class":385},[339,456,457],{"class":413},"fold",[339,459,460],{"class":359},"(",[339,462,463],{"class":381},"0",[339,465,466],{"class":385},",",[339,468,469],{"class":359}," (sum",[339,471,466],{"class":385},[339,473,474],{"class":359}," i) ",[339,476,477],{"class":345},"=>",[339,479,480],{"class":359}," sum ",[339,482,483],{"class":345},"+",[339,485,486],{"class":359}," i",[339,488,427],{"class":385},[339,490,491],{"class":359},"price ",[339,493,494],{"class":345},"*",[339,496,486],{"class":359},[339,498,427],{"class":385},[339,500,501],{"class":359},"qty)",[339,503,436],{"class":385},[339,505,507],{"class":341,"line":506},8,[339,508,509],{"class":359},"  }\n",[339,511,513],{"class":341,"line":512},9,[339,514,515],{"class":389},"  \u002F\u002F ...en nu wordt _total nooit bijgewerkt wanneer het winkelmandje verandert\n",[339,517,519],{"class":341,"line":518},10,[339,520,521],{"class":359},"}\n",[175,523,524,525,527],{},"Dit is de klassieke kopie in ",[204,526,430],{},". Het werkt in de demo omdat de demo de winkelwagen nooit wijzigt nadat de pagina is geopend. Het breekt de eerste keer dat een aantal vanuit een bottom sheet wordt gewijzigd.",[175,529,530,533],{},[178,531,532],{},"Wat wij doen."," De waarde wordt precies één keer afgeleid, in de statelaag, en elke widget leest hem. Kan hij uit state berekend worden, dan is hij geen state.",[331,535,537],{"className":333,"code":536,"language":18,"meta":335,"style":335},"\u002F\u002F Eén afleiding. De winkelmandjepagina, de voettekst en het overzicht lezen allemaal deze.\nStream\u003CMoney> get total => _cart.map(\n  (c) => c.items.fold(Money.zero, (sum, i) => sum + i.subtotal),\n);\n",[204,538,539,544,576,627],{"__ignoreMap":335},[339,540,541],{"class":341,"line":342},[339,542,543],{"class":389},"\u002F\u002F Eén afleiding. De winkelmandjepagina, de voettekst en het overzicht lezen allemaal deze.\n",[339,545,546,549,551,554,557,560,563,565,568,570,573],{"class":341,"line":369},[339,547,548],{"class":349},"Stream",[339,550,360],{"class":359},[339,552,553],{"class":349},"Money",[339,555,556],{"class":359},"> ",[339,558,559],{"class":345},"get",[339,561,562],{"class":359}," total ",[339,564,477],{"class":345},[339,566,567],{"class":359}," _cart",[339,569,427],{"class":385},[339,571,572],{"class":413},"map",[339,574,575],{"class":359},"(\n",[339,577,578,581,583,586,588,590,592,594,596,598,600,603,605,607,609,611,613,615,617,619,621,624],{"class":341,"line":393},[339,579,580],{"class":359},"  (c) ",[339,582,477],{"class":345},[339,584,585],{"class":359}," c",[339,587,427],{"class":385},[339,589,452],{"class":359},[339,591,427],{"class":385},[339,593,457],{"class":413},[339,595,460],{"class":359},[339,597,553],{"class":349},[339,599,427],{"class":385},[339,601,602],{"class":359},"zero",[339,604,466],{"class":385},[339,606,469],{"class":359},[339,608,466],{"class":385},[339,610,474],{"class":359},[339,612,477],{"class":345},[339,614,480],{"class":359},[339,616,483],{"class":345},[339,618,486],{"class":359},[339,620,427],{"class":385},[339,622,623],{"class":359},"subtotal)",[339,625,626],{"class":385},",\n",[339,628,629,632],{"class":341,"line":400},[339,630,631],{"class":359},")",[339,633,436],{"class":385},[175,635,636,637,639,640,643,644,646,647,427],{},"Let op het type ",[204,638,553],{}," in plaats van ",[204,641,642],{},"double",". Agents grijpen bij geld voortdurend naar ",[204,645,642],{},", en ",[183,648,650,653],{"href":649},"\u002Fblog\u002Ffloating-point-and-money",[204,651,652],{},"0.1 + 0.2 != 0.3"," is niet academisch wanneer het iemands saldo is",[175,655,656,659],{},[178,657,658],{},"Waarom de agent daar uitkomt."," De bestaande afleiding vinden kost context; hem ter plekke opnieuw genereren kost niets. Elke prompt begint vers, dus \"is dit al ergens berekend?\" is een vraag die hij structureel niet kan stellen. Elke kopie is op zichzelf redelijk. Dat uiteenlopen is de prijs die je betaalt.",[225,661],{},[228,663,665],{"id":664},"_2-tests-en-benchmarks-of-hoop","2. Tests en benchmarks, of hoop",[175,667,668,670],{},[178,669,321],{}," Hij levert de functie op en stopt. Geen widgettests, geen goldens, geen benchmark. De definitie van klaar is \"het compileert en het scherm ziet er plausibel uit in de beschrijving die ik ervan schreef\".",[175,672,673],{},"Daarmee blijft code review de enige kwaliteitspoort — en dat is het deel dat mensen onderschatten. Beoordelen was al het knelpunt toen mensen de code op menselijke snelheid schreven. Richt drie agents op een codebase en het volume diff dat bij die poort aankomt gaat een orde van grootte omhoog terwijl het aantal mensen dat het kan beoordelen op één blijft. Beoordelen schaalt niet. Uitvoerbare controles wel.",[175,675,676,678,679,682],{},[178,677,532],{}," We schrijven de tests en de benchmarks ",[242,680,681],{},"eerst",", en niet voor de vorm — als de feedbackloop die de agent mist.",[684,685,686,693,707,717],"ul",{},[687,688,689,692],"li",{},[178,690,691],{},"Widgettests"," voor gedrag: de knop wordt uitgeschakeld tijdens het versturen, de fout verdwijnt bij opnieuw typen, de lijst pagineert op de juiste scrollpositie.",[687,694,695,702,703,706],{},[178,696,697],{},[698,699,701],"term",{"slug":700},"golden-test","Goldentests"," voor het uiterlijk. Dit is het waardevolste dat je een agent die aan UI werkt kunt geven, want een golden komt het dichtst in de buurt van hem ogen geven. ",[204,704,705],{},"matchesGoldenFile"," maakt van \"brak het herontwerp de lege staat op 320pt in donkere modus bij 200% tekstgrootte?\" een controle die in vier seconden in CI draait. Zonder goldens wordt die vraag alleen beantwoord door een mens die de app opent — dat wil zeggen: soms.",[687,708,709,712,713,716],{},[178,710,711],{},"Benchmarks"," voor de dingen die ongemerkt wegrotten. Het framebudget is 16,6 ms; een lijst die hapert nadat iemand een schaduw en een ",[204,714,715],{},"Opacity"," in de itembuilder heeft gezet, is een regressie die geen unittest vangt. Frametijden op een profielbuild, afgezet tegen een budget, vangen het wel.",[687,718,719,722],{},[178,720,721],{},"Een regressietest voor elke bug die we oplossen",", zodat de agent die hem oplost hem drie prompts later niet kan terugdraaien.",[175,724,725,726,729,730,733,734,738],{},"Het patroon om je eigen te maken: ",[178,727,728],{},"een agent is uitstekend in het bevredigen van een controle die hij kan draaien, en hulpeloos waar geen controle bestaat."," Geef hem ",[204,731,732],{},"flutter test"," en hij itereert tot groen. Geef hem niets en hij vertelt je dat hij er zeker van is. Ons stuk over ",[183,735,737],{"href":736},"\u002Fblog\u002Fai-code-audit-findings","auditbevindingen"," beschrijft hoe een codebase eruitziet na een jaar van die tweede optie.",[225,740],{},[228,742,744],{"id":743},"_3-streams-of-een-piramide-van-vlaggen","3. Streams, of een piramide van vlaggen",[175,746,747,749],{},[178,748,321],{}," Hij stelt asynchrone state voor als losse parallelle velden en vertakt daar vervolgens overheen.",[331,751,753],{"className":333,"code":752,"language":18,"meta":335,"style":335},"bool _isLoading = false;\nString? _error;\nList\u003CHit> _items = [];\n\n\u002F\u002F build():\nif (_isLoading) return const CircularProgressIndicator();\nif (_error != null) return Text(_error!);\nif (_items.isEmpty) return const Text('Nothing here');\nreturn ListView(\u002F* ... *\u002F);\n",[204,754,755,771,784,804,808,813,835,866,894],{"__ignoreMap":335},[339,756,757,760,763,765,769],{"class":341,"line":342},[339,758,759],{"class":349},"bool",[339,761,762],{"class":359}," _isLoading ",[339,764,378],{"class":345},[339,766,768],{"class":767},"s39Yj"," false",[339,770,436],{"class":385},[339,772,773,776,779,782],{"class":341,"line":369},[339,774,775],{"class":349},"String",[339,777,778],{"class":345},"?",[339,780,781],{"class":359}," _error",[339,783,436],{"class":385},[339,785,786,789,791,794,797,799,802],{"class":341,"line":393},[339,787,788],{"class":349},"List",[339,790,360],{"class":359},[339,792,793],{"class":349},"Hit",[339,795,796],{"class":359},"> _items ",[339,798,378],{"class":345},[339,800,801],{"class":359}," []",[339,803,436],{"class":385},[339,805,806],{"class":341,"line":400},[339,807,397],{"emptyLinePlaceholder":396},[339,809,810],{"class":341,"line":407},[339,811,812],{"class":389},"\u002F\u002F build():\n",[339,814,815,819,822,825,828,831,833],{"class":341,"line":420},[339,816,818],{"class":817},"sVHd0","if",[339,820,821],{"class":359}," (_isLoading) ",[339,823,824],{"class":817},"return",[339,826,827],{"class":403}," const",[339,829,830],{"class":349}," CircularProgressIndicator",[339,832,433],{"class":359},[339,834,436],{"class":385},[339,836,837,839,842,845,848,851,853,856,859,862,864],{"class":341,"line":439},[339,838,818],{"class":817},[339,840,841],{"class":359}," (_error ",[339,843,844],{"class":345},"!=",[339,846,847],{"class":767}," null",[339,849,850],{"class":359},") ",[339,852,824],{"class":817},[339,854,855],{"class":349}," Text",[339,857,858],{"class":359},"(_error",[339,860,861],{"class":345},"!",[339,863,631],{"class":359},[339,865,436],{"class":385},[339,867,868,870,873,875,878,880,882,884,886,890,892],{"class":341,"line":506},[339,869,818],{"class":817},[339,871,872],{"class":359}," (_items",[339,874,427],{"class":385},[339,876,877],{"class":359},"isEmpty) ",[339,879,824],{"class":817},[339,881,827],{"class":403},[339,883,855],{"class":349},[339,885,460],{"class":359},[339,887,889],{"class":888},"s_sjI","'Nothing here'",[339,891,631],{"class":359},[339,893,436],{"class":385},[339,895,896,898,901,903,906,908],{"class":341,"line":512},[339,897,824],{"class":817},[339,899,900],{"class":349}," ListView",[339,902,460],{"class":359},[339,904,905],{"class":389},"\u002F* ... *\u002F",[339,907,631],{"class":359},[339,909,436],{"class":385},[175,911,912,913,916,917,920,921,924,925,927,928,931,932,935,936,939,940,943,944,947,948,951],{},"Drie velden, acht mogelijke combinaties, waarvan vier zinloos. Wat wordt er getekend wanneer ",[204,914,915],{},"_isLoading"," waar is ",[242,918,919],{},"en"," ",[204,922,923],{},"_error"," gezet is? Wat de volgorde van de ",[204,926,818],{},"-regels toevallig oplevert. Dan komt het zoekveld erbij, en voegt de agent een ",[204,929,930],{},"Timer"," toe voor debounce, een teller ",[204,933,934],{},"_requestId"," om verouderde antwoorden weg te gooien, en een ",[204,937,938],{},"mounted","-controle vóór elke ",[204,941,942],{},"setState"," — een zelfgebouwde, subtiel kapotte herimplementatie van ",[204,945,946],{},"switchMap",". Daarnaast groeit een ",[204,949,950],{},"utils.dart"," met statische hulpfuncties, omdat de logica nergens een vaste plek heeft.",[175,953,954,955],{},"Dit is de specifieke vorm: ",[178,956,957],{},"niet dat agents switches vermijden, maar dat ze over vlaggen switchen die ze zelf hebben gezet in plaats van over een type dat de compiler kan controleren.",[175,959,960,962],{},[178,961,532],{}," De state is een sealed hiërarchie, zodat onmogelijke combinaties niet weer te geven zijn, en de stream regelt de timing.",[331,964,966],{"className":333,"code":965,"language":18,"meta":335,"style":335},"sealed class SearchState {}\nfinal class Idle    extends SearchState {}\nfinal class Loading extends SearchState {}\nfinal class Failed  extends SearchState { Failed(this.error); final AppError error; }\nfinal class Loaded  extends SearchState { Loaded(this.hits); final List\u003CHit> hits; }\n\n\u002F\u002F build() — de compiler dwingt af dat elk geval wordt afgehandeld\nreturn switch (state) {\n  Idle()                          => const SearchHint(),\n  Loading()                       => const AppSpinner(),\n  Failed(:final error)            => AppErrorView(error),\n  Loaded(:final hits) when hits.isEmpty => const EmptyResults(),\n  Loaded(:final hits)             => HitList(hits),\n};\n",[204,967,968,982,999,1014,1060,1105,1109,1114,1124,1143,1162,1188,1225,1249],{"__ignoreMap":335},[339,969,970,973,976,979],{"class":341,"line":342},[339,971,972],{"class":345},"sealed",[339,974,975],{"class":345}," class",[339,977,978],{"class":349}," SearchState",[339,980,981],{"class":359}," {}\n",[339,983,984,987,989,992,995,997],{"class":341,"line":369},[339,985,986],{"class":403},"final",[339,988,975],{"class":345},[339,990,991],{"class":349}," Idle",[339,993,994],{"class":345},"    extends",[339,996,978],{"class":349},[339,998,981],{"class":359},[339,1000,1001,1003,1005,1008,1010,1012],{"class":341,"line":393},[339,1002,986],{"class":403},[339,1004,975],{"class":345},[339,1006,1007],{"class":349}," Loading",[339,1009,353],{"class":345},[339,1011,978],{"class":349},[339,1013,981],{"class":359},[339,1015,1016,1018,1020,1023,1026,1028,1031,1034,1036,1039,1041,1044,1046,1049,1052,1055,1057],{"class":341,"line":400},[339,1017,986],{"class":403},[339,1019,975],{"class":345},[339,1021,1022],{"class":349}," Failed",[339,1024,1025],{"class":345},"  extends",[339,1027,978],{"class":349},[339,1029,1030],{"class":359}," { ",[339,1032,1033],{"class":349},"Failed",[339,1035,460],{"class":359},[339,1037,1038],{"class":423},"this",[339,1040,427],{"class":385},[339,1042,1043],{"class":359},"error)",[339,1045,386],{"class":385},[339,1047,1048],{"class":403}," final",[339,1050,1051],{"class":349}," AppError",[339,1053,1054],{"class":359}," error",[339,1056,386],{"class":385},[339,1058,1059],{"class":359}," }\n",[339,1061,1062,1064,1066,1069,1071,1073,1075,1078,1080,1082,1084,1087,1089,1091,1094,1096,1098,1101,1103],{"class":341,"line":407},[339,1063,986],{"class":403},[339,1065,975],{"class":345},[339,1067,1068],{"class":349}," Loaded",[339,1070,1025],{"class":345},[339,1072,978],{"class":349},[339,1074,1030],{"class":359},[339,1076,1077],{"class":349},"Loaded",[339,1079,460],{"class":359},[339,1081,1038],{"class":423},[339,1083,427],{"class":385},[339,1085,1086],{"class":359},"hits)",[339,1088,386],{"class":385},[339,1090,1048],{"class":403},[339,1092,1093],{"class":349}," List",[339,1095,360],{"class":359},[339,1097,793],{"class":349},[339,1099,1100],{"class":359},"> hits",[339,1102,386],{"class":385},[339,1104,1059],{"class":359},[339,1106,1107],{"class":341,"line":420},[339,1108,397],{"emptyLinePlaceholder":396},[339,1110,1111],{"class":341,"line":439},[339,1112,1113],{"class":389},"\u002F\u002F build() — de compiler dwingt af dat elk geval wordt afgehandeld\n",[339,1115,1116,1118,1121],{"class":341,"line":506},[339,1117,824],{"class":817},[339,1119,1120],{"class":817}," switch",[339,1122,1123],{"class":359}," (state) {\n",[339,1125,1126,1129,1132,1134,1136,1139,1141],{"class":341,"line":512},[339,1127,1128],{"class":349},"  Idle",[339,1130,1131],{"class":359},"()                          ",[339,1133,477],{"class":345},[339,1135,827],{"class":403},[339,1137,1138],{"class":349}," SearchHint",[339,1140,433],{"class":359},[339,1142,626],{"class":385},[339,1144,1145,1148,1151,1153,1155,1158,1160],{"class":341,"line":518},[339,1146,1147],{"class":349},"  Loading",[339,1149,1150],{"class":359},"()                       ",[339,1152,477],{"class":345},[339,1154,827],{"class":403},[339,1156,1157],{"class":349}," AppSpinner",[339,1159,433],{"class":359},[339,1161,626],{"class":385},[339,1163,1165,1168,1170,1173,1175,1178,1180,1183,1186],{"class":341,"line":1164},11,[339,1166,1167],{"class":349},"  Failed",[339,1169,460],{"class":359},[339,1171,1172],{"class":345},":",[339,1174,986],{"class":403},[339,1176,1177],{"class":359}," error)            ",[339,1179,477],{"class":345},[339,1181,1182],{"class":349}," AppErrorView",[339,1184,1185],{"class":359},"(error)",[339,1187,626],{"class":385},[339,1189,1191,1194,1196,1198,1200,1203,1206,1209,1211,1214,1216,1218,1221,1223],{"class":341,"line":1190},12,[339,1192,1193],{"class":349},"  Loaded",[339,1195,460],{"class":359},[339,1197,1172],{"class":345},[339,1199,986],{"class":403},[339,1201,1202],{"class":359}," hits) ",[339,1204,1205],{"class":817},"when",[339,1207,1208],{"class":359}," hits",[339,1210,427],{"class":385},[339,1212,1213],{"class":359},"isEmpty ",[339,1215,477],{"class":345},[339,1217,827],{"class":403},[339,1219,1220],{"class":349}," EmptyResults",[339,1222,433],{"class":359},[339,1224,626],{"class":385},[339,1226,1228,1230,1232,1234,1236,1239,1241,1244,1247],{"class":341,"line":1227},13,[339,1229,1193],{"class":349},[339,1231,460],{"class":359},[339,1233,1172],{"class":345},[339,1235,986],{"class":403},[339,1237,1238],{"class":359}," hits)             ",[339,1240,477],{"class":345},[339,1242,1243],{"class":349}," HitList",[339,1245,1246],{"class":359},"(hits)",[339,1248,626],{"class":385},[339,1250,1252,1255],{"class":341,"line":1251},14,[339,1253,1254],{"class":359},"}",[339,1256,436],{"class":385},[175,1258,1259,1260,1263,1264,1266,1267,1270,1271,1273,1274,1277],{},"En het asynchrone deel — ",[204,1261,1262],{},"debounceTime",", ",[204,1265,946],{}," en ",[204,1268,1269],{},"startWith"," zijn uitbreidingen van rxdart op ",[204,1272,548],{},", niet van ",[204,1275,1276],{},"dart:async"," — waar de vlaggenversie ongemerkt racecondities heeft:",[331,1279,1281],{"className":333,"code":1280,"language":18,"meta":335,"style":335},"\u002F\u002F Debounce en annulering zijn declaratief. Een verouderde query kan niet winnen,\n\u002F\u002F omdat switchMap zijn abonnement al heeft geannuleerd.\nStream\u003CSearchState> get states => _query\n    .debounceTime(const Duration(milliseconds: 300))\n    .switchMap(_search)\n    .startWith(Idle());\n",[204,1282,1283,1288,1293,1314,1340,1349],{"__ignoreMap":335},[339,1284,1285],{"class":341,"line":342},[339,1286,1287],{"class":389},"\u002F\u002F Debounce en annulering zijn declaratief. Een verouderde query kan niet winnen,\n",[339,1289,1290],{"class":341,"line":369},[339,1291,1292],{"class":389},"\u002F\u002F omdat switchMap zijn abonnement al heeft geannuleerd.\n",[339,1294,1295,1297,1299,1302,1304,1306,1309,1311],{"class":341,"line":393},[339,1296,548],{"class":349},[339,1298,360],{"class":359},[339,1300,1301],{"class":349},"SearchState",[339,1303,556],{"class":359},[339,1305,559],{"class":345},[339,1307,1308],{"class":359}," states ",[339,1310,477],{"class":345},[339,1312,1313],{"class":359}," _query\n",[339,1315,1316,1319,1321,1323,1326,1329,1332,1334,1337],{"class":341,"line":400},[339,1317,1318],{"class":385},"    .",[339,1320,1262],{"class":413},[339,1322,460],{"class":359},[339,1324,1325],{"class":403},"const",[339,1327,1328],{"class":349}," Duration",[339,1330,1331],{"class":359},"(milliseconds",[339,1333,1172],{"class":345},[339,1335,1336],{"class":381}," 300",[339,1338,1339],{"class":359},"))\n",[339,1341,1342,1344,1346],{"class":341,"line":407},[339,1343,1318],{"class":385},[339,1345,946],{"class":413},[339,1347,1348],{"class":359},"(_search)\n",[339,1350,1351,1353,1355,1357,1360,1363],{"class":341,"line":420},[339,1352,1318],{"class":385},[339,1354,1269],{"class":413},[339,1356,460],{"class":359},[339,1358,1359],{"class":349},"Idle",[339,1361,1362],{"class":359},"())",[339,1364,436],{"class":385},[175,1366,1367,1368,1371,1372,1375,1376,1378],{},"Voeg een nieuwe toestand toe — ",[204,1369,1370],{},"RateLimited",", bijvoorbeeld — en de compiler somt elke ",[204,1373,1374],{},"switch"," op die bijgewerkt moet worden. In de vlaggenversie betekent een toestand toevoegen elke ",[204,1377,818],{},"-keten met de hand vinden en hopen.",[175,1380,1381,1383,1384,1387],{},[178,1382,658],{}," Imperatieve vlaggen zijn het meest voorkomende patroon in het corpus en het makkelijkst regel voor regel te produceren. Een stream vraagt dat je de hele toestandsmachine tegelijk in je hoofd houdt, en dat is precies waar een generator met beperkte context het slechtst in is. Het is dezelfde fout die we als ",[183,1385,1386],{"href":736},"callbackchaos in audits"," beschreven — hij draagt alleen een Dart-kostuum.",[225,1389],{},[228,1391,1393,1394,1396],{"id":1392},"_4-het-framework-kennen-themedata-is-geen-constantenbestand","4. Het framework kennen: ",[204,1395,210],{}," is geen constantenbestand",[175,1398,1399],{},"Dit is degene waar kennis van het framework het duidelijkst blijkt.",[175,1401,1402,1404,1405,1407,1408,1411],{},[178,1403,321],{}," Hij maakt ",[204,1406,206],{},", vult dat met ",[204,1409,1410],{},"static const primary = Color(0xFF6750A4)",", en schrijft daarna stijlen ter plekke op elke aanroepplek.",[331,1413,1415],{"className":333,"code":1414,"language":18,"meta":335,"style":335},"Text(\n  'Balance',\n  style: TextStyle(\n    fontSize: 16,\n    fontWeight: FontWeight.w600,\n    color: AppColors.textPrimary,\n  ),\n)\n",[204,1416,1417,1424,1431,1443,1455,1472,1489,1496],{"__ignoreMap":335},[339,1418,1419,1422],{"class":341,"line":342},[339,1420,1421],{"class":349},"Text",[339,1423,575],{"class":359},[339,1425,1426,1429],{"class":341,"line":369},[339,1427,1428],{"class":888},"  'Balance'",[339,1430,626],{"class":385},[339,1432,1433,1436,1438,1441],{"class":341,"line":393},[339,1434,1435],{"class":359},"  style",[339,1437,1172],{"class":345},[339,1439,1440],{"class":349}," TextStyle",[339,1442,575],{"class":359},[339,1444,1445,1448,1450,1453],{"class":341,"line":400},[339,1446,1447],{"class":359},"    fontSize",[339,1449,1172],{"class":345},[339,1451,1452],{"class":381}," 16",[339,1454,626],{"class":385},[339,1456,1457,1460,1462,1465,1467,1470],{"class":341,"line":407},[339,1458,1459],{"class":359},"    fontWeight",[339,1461,1172],{"class":345},[339,1463,1464],{"class":349}," FontWeight",[339,1466,427],{"class":385},[339,1468,1469],{"class":359},"w600",[339,1471,626],{"class":385},[339,1473,1474,1477,1479,1482,1484,1487],{"class":341,"line":420},[339,1475,1476],{"class":359},"    color",[339,1478,1172],{"class":345},[339,1480,1481],{"class":349}," AppColors",[339,1483,427],{"class":385},[339,1485,1486],{"class":359},"textPrimary",[339,1488,626],{"class":385},[339,1490,1491,1494],{"class":341,"line":439},[339,1492,1493],{"class":359},"  )",[339,1495,626],{"class":385},[339,1497,1498],{"class":341,"line":506},[339,1499,1500],{"class":359},")\n",[175,1502,1503],{},"Die ene regel heeft vier afzonderlijke problemen, en alleen het eerste is duidelijk:",[1505,1506,1507,1522,1532,1538],"ol",{},[687,1508,1509,920,1514,1517,1518,1521],{},[178,1510,1511,1512,427],{},"Donkere modus is nu een handmatige ",[204,1513,818],{},[204,1515,1516],{},"AppColors.textPrimary"," is één kleur. Een tweede thema ondersteunen betekent een ternaire operator op ",[204,1519,1520],{},"Theme.of(context).brightness"," op elk van de 200 plekken — en dat is precies wat agents daarna schrijven, scherm voor scherm.",[687,1523,1524,1527,1528,1531],{},[178,1525,1526],{},"Een rebranding is een diff van 400 bestanden."," Een ontwerper die de typografische ladder wijzigt zou één bestand moeten aanraken. Hier is het zoeken en vervangen door de hele app, en de plekken die zijn gaan afwijken (",[204,1529,1530],{},"fontSize: 15"," op twee schermen omdat die generatie anders afrondde) worden gemist.",[687,1533,1534,1537],{},[178,1535,1536],{},"Tekstschaling van het systeem breekt de lay-out."," Hardgecodeerde groottes samengesteld tegen hardgecodeerde marges betekenen dat een gebruiker op 200% toegankelijkheidsschaal overloop krijgt in plaats van herschikking.",[687,1539,1540,1547],{},[178,1541,1542,1543,1546],{},"Overrides via ",[204,1544,1545],{},"Theme.of(context)"," werken niet meer."," Een deelboom in een ander thema verpakken — een donkere sectie op een licht scherm, een afrekenpagina in huisstijl in een neutrale app — doet niets, want niets in die deelboom vraagt het thema iets.",[175,1549,1550,1552,1553,1555],{},[178,1551,532],{}," Het designsysteem leeft in ",[204,1554,210],{},", één keer, in de root.",[331,1557,1559],{"className":333,"code":1558,"language":18,"meta":335,"style":335},"MaterialApp(\n  theme: AppTheme.light,   \u002F\u002F ColorScheme.fromSeed + TextTheme + component themes\n  darkTheme: AppTheme.dark,\n  \u002F\u002F ...\n)\n\n\u002F\u002F Elke widget vraagt het aan het framework in plaats van aan een constantenbestand:\nText('Balance', style: Theme.of(context).textTheme.titleMedium)\n",[204,1560,1561,1568,1588,1604,1609,1613,1617,1622],{"__ignoreMap":335},[339,1562,1563,1566],{"class":341,"line":342},[339,1564,1565],{"class":349},"MaterialApp",[339,1567,575],{"class":359},[339,1569,1570,1573,1575,1578,1580,1583,1585],{"class":341,"line":369},[339,1571,1572],{"class":359},"  theme",[339,1574,1172],{"class":345},[339,1576,1577],{"class":349}," AppTheme",[339,1579,427],{"class":385},[339,1581,1582],{"class":359},"light",[339,1584,466],{"class":385},[339,1586,1587],{"class":389},"   \u002F\u002F ColorScheme.fromSeed + TextTheme + component themes\n",[339,1589,1590,1593,1595,1597,1599,1602],{"class":341,"line":393},[339,1591,1592],{"class":359},"  darkTheme",[339,1594,1172],{"class":345},[339,1596,1577],{"class":349},[339,1598,427],{"class":385},[339,1600,1601],{"class":359},"dark",[339,1603,626],{"class":385},[339,1605,1606],{"class":341,"line":400},[339,1607,1608],{"class":389},"  \u002F\u002F ...\n",[339,1610,1611],{"class":341,"line":407},[339,1612,1500],{"class":359},[339,1614,1615],{"class":341,"line":420},[339,1616,397],{"emptyLinePlaceholder":396},[339,1618,1619],{"class":341,"line":439},[339,1620,1621],{"class":389},"\u002F\u002F Elke widget vraagt het aan het framework in plaats van aan een constantenbestand:\n",[339,1623,1624,1626,1628,1631,1633,1636,1638,1641,1643,1646,1649,1651,1654,1656],{"class":341,"line":506},[339,1625,1421],{"class":349},[339,1627,460],{"class":359},[339,1629,1630],{"class":888},"'Balance'",[339,1632,466],{"class":385},[339,1634,1635],{"class":359}," style",[339,1637,1172],{"class":345},[339,1639,1640],{"class":349}," Theme",[339,1642,427],{"class":385},[339,1644,1645],{"class":413},"of",[339,1647,1648],{"class":359},"(context)",[339,1650,427],{"class":385},[339,1652,1653],{"class":359},"textTheme",[339,1655,427],{"class":385},[339,1657,1658],{"class":359},"titleMedium)\n",[175,1660,1661,1662,1263,1665,1263,1668,1671,1672,1675,1676,1679],{},"Componentthema's (",[204,1663,1664],{},"FilledButtonThemeData",[204,1666,1667],{},"CardThemeData",[204,1669,1670],{},"InputDecorationThemeData",") zorgen dat een knop er ",[242,1673,1674],{},"standaard"," goed uitziet, zodat de agent die het twintigste scherm produceert het niet fout kan doen, ook al probeert hij het. Voor merktokens waar Material geen plek voor heeft — een grafiekpalet, een verloop, een semantisch \"positief\u002Fnegatief\"-paar in een fintech-app — houdt een ",[204,1677,1678],{},"ThemeExtension"," ze binnen dezelfde lookup in plaats van ernaast:",[331,1681,1683],{"className":333,"code":1682,"language":18,"meta":335,"style":335},"final class BrandColors extends ThemeExtension\u003CBrandColors> {\n  const BrandColors({required this.positive, required this.negative});\n  final Color positive;\n  final Color negative;\n  \u002F\u002F copyWith \u002F lerp ...\n}\n\n\u002F\u002F usage\nfinal brand = Theme.of(context).extension\u003CBrandColors>()!;\n",[204,1684,1685,1706,1741,1754,1765,1770,1774,1778,1783],{"__ignoreMap":335},[339,1686,1687,1689,1691,1694,1696,1699,1701,1704],{"class":341,"line":342},[339,1688,986],{"class":403},[339,1690,975],{"class":345},[339,1692,1693],{"class":349}," BrandColors",[339,1695,353],{"class":345},[339,1697,1698],{"class":349}," ThemeExtension",[339,1700,360],{"class":359},[339,1702,1703],{"class":349},"BrandColors",[339,1705,366],{"class":359},[339,1707,1708,1711,1713,1716,1719,1722,1724,1727,1729,1732,1734,1736,1739],{"class":341,"line":369},[339,1709,1710],{"class":403},"  const",[339,1712,1693],{"class":349},[339,1714,1715],{"class":359},"({",[339,1717,1718],{"class":403},"required",[339,1720,1721],{"class":423}," this",[339,1723,427],{"class":385},[339,1725,1726],{"class":359},"positive",[339,1728,466],{"class":385},[339,1730,1731],{"class":403}," required",[339,1733,1721],{"class":423},[339,1735,427],{"class":385},[339,1737,1738],{"class":359},"negative})",[339,1740,436],{"class":385},[339,1742,1743,1746,1749,1752],{"class":341,"line":393},[339,1744,1745],{"class":403},"  final",[339,1747,1748],{"class":349}," Color",[339,1750,1751],{"class":359}," positive",[339,1753,436],{"class":385},[339,1755,1756,1758,1760,1763],{"class":341,"line":400},[339,1757,1745],{"class":403},[339,1759,1748],{"class":349},[339,1761,1762],{"class":359}," negative",[339,1764,436],{"class":385},[339,1766,1767],{"class":341,"line":407},[339,1768,1769],{"class":389},"  \u002F\u002F copyWith \u002F lerp ...\n",[339,1771,1772],{"class":341,"line":420},[339,1773,521],{"class":359},[339,1775,1776],{"class":341,"line":439},[339,1777,397],{"emptyLinePlaceholder":396},[339,1779,1780],{"class":341,"line":506},[339,1781,1782],{"class":389},"\u002F\u002F usage\n",[339,1784,1785,1787,1790,1792,1794,1796,1798,1800,1802,1805,1807,1810,1812,1814],{"class":341,"line":512},[339,1786,986],{"class":403},[339,1788,1789],{"class":359}," brand ",[339,1791,378],{"class":345},[339,1793,1640],{"class":349},[339,1795,427],{"class":385},[339,1797,1645],{"class":413},[339,1799,1648],{"class":359},[339,1801,427],{"class":385},[339,1803,1804],{"class":345},"extension\u003C",[339,1806,1703],{"class":349},[339,1808,1809],{"class":345},">",[339,1811,433],{"class":359},[339,1813,861],{"class":345},[339,1815,436],{"class":385},[175,1817,1818,1819,1821,1822,1826],{},"Donkere modus kost dan één extra ",[204,1820,210],{},", geen ternaire operator per widget. Bij ",[183,1823,1825],{"href":1824},"\u002Fportfolio\u002Farcana","Arcana"," is het volledige eigen designsysteem zo uitgedrukt, en daarom is een ontwerpherziening daar een diff die je in één review kunt lezen.",[175,1828,1829,1831,1832,1835],{},[178,1830,658],{}," Een constante is ",[242,1833,1834],{},"lokaal"," correct en meteen bevredigend: de kleur verschijnt, het scherm bouwt. Een designsysteem door het framework rijgen betaalt zich pas terug over veel schermen en een tweede thema — en terugbetalen-over-de-hele-app is precies de as die een optimalisator per prompt niet kan zien.",[225,1837],{},[228,1839,1841],{"id":1840},"_5-ogen-en-tien-jaar-apps-opleveren","5. Ogen, en tien jaar apps opleveren",[175,1843,1844,1846],{},[178,1845,321],{}," Hij bouwt veertig schermen, elk op zichzelf verdedigbaar, die samen aanvoelen als een app die uit veertig tutorials is samengesteld — want in zekere zin was dat ook zo.",[175,1848,1849,1850,1853,1854,1857,1858,1861,1862,1864],{},"Laden is een ",[204,1851,1852],{},"CircularProgressIndicator"," op het homescherm, een shimmerskelet op de feed, en een eigen geanimeerd logo op het profiel. Fouten zijn hier een ",[204,1855,1856],{},"SnackBar",", daar rode tekst in de pagina, en op het derde scherm een modale ",[204,1859,1860],{},"AlertDialog",". De bevestiging van een onomkeerbare actie is op het ene scherm een ",[204,1863,1860],{}," en op het volgende een bottom sheet. Lege staten hebben drie verschillende illustraties, twee verschillende tonen, en één die alleen het woord \"Leeg\" toont. Sommige formulieren valideren bij elke toetsaanslag, sommige bij versturen, één bij focusverlies. Primaire knoppen zijn in de ene flow schermbreed en in de andere niet breder dan hun inhoud.",[175,1866,1867],{},"Elk daarvan is een redelijke keuze. Het probleem is dat een gebruiker een app één keer leert. Ziet dezelfde handeling er op drie plekken anders uit, dan vertrouwt hij niet langer dat hij weet wat er gaat gebeuren — en die kosten duiken op in supporttickets, niet in een lintrapport.",[175,1869,1870],{},"Dan is er de klasse defecten die alleen op een scherm bestaat:",[684,1872,1873,1879,1882,1885,1888,1895],{},[687,1874,1875,1878],{},[204,1876,1877],{},"RenderFlex overflowed by 27 pixels"," op elk toestel dat smaller is dan de agent zich voorstelde",[687,1880,1881],{},"tikdoelen onder 44\u002F48dp, die in een test prima werken en die een echte duim voortdurend mist",[687,1883,1884],{},"het toetsenbord dat het veld bedekt waarin wordt getypt, omdat er niets scrolt",[687,1886,1887],{},"tekst die op 200% systeemschaal wordt afgekapt",[687,1889,1890,1891,1894],{},"inhoud onder de notch of achter de home-indicator, omdat ",[204,1892,1893],{},"SafeArea"," geen deel van de prompt was",[687,1896,1897],{},"contrast dat in lichte modus slaagt en in donkere zakt",[175,1899,1900,1902],{},[204,1901,260],{}," is schoon voor elk van deze.",[175,1904,1905,1907,1908,1911],{},[178,1906,532],{}," We bepalen de interactiewoordenschat één keer — hoe laden eruitziet, hoe fouten verschijnen, hoe onomkeerbare acties om bevestiging vragen, wanneer formulieren valideren, hoe navigatie zich gedraagt, wat een lege staat zegt — en daarna bouwt elk scherm ",[242,1909,1910],{},"dat",". Ruim tien jaar apps opleveren levert vooral op dat je weet welke patronen gebruikers al in de vingers hebben, omdat duizenden andere apps ze daar hebben gezet. Vertrouwd verslaat slim vrijwel altijd, en de manier om het te controleren is de app openen op een echt toestel, op een echte tekstschaal, in beide thema's, met een duim.",[175,1913,1914,1916],{},[178,1915,658],{}," Hij kan werkelijk niet zien. Hij genereert een plausibel scherm uit een beschrijving, zonder herinnering aan de negenendertig schermen ervoor en zonder beeld van het scherm dat hij net produceerde. Lokale plausibiliteit is het enige doel dat hem beschikbaar is.",[225,1918],{},[228,1920,1922],{"id":1921},"_6-icu-is-niet-optioneel-en-strings-aan-elkaar-plakken-is-geen-lokalisatie","6. ICU is niet optioneel, en strings aan elkaar plakken is geen lokalisatie",[175,1924,1925],{},"We bouwen apps voor markten waar dit fout doen zichtbaar is in de eerste zin van het eerste scherm. Agents doen het standaard fout.",[175,1927,1928],{},[178,1929,321],{},[331,1931,1933],{"className":333,"code":1932,"language":18,"meta":335,"style":335},"Text('$count items');                                  \u002F\u002F 1 items\nText('$count ${count == 1 ? \"item\" : \"items\"}');       \u002F\u002F \"clever\", still broken\nText('Hello, ' + name + '!');                          \u002F\u002F English word order, baked in\nText('${d.day}.${d.month}.${d.year}');                 \u002F\u002F wrong half the world\nText('\\$${amount.toStringAsFixed(2)}');                \u002F\u002F wrong separator, wrong position\n",[204,1934,1935,1962,2008,2035,2091],{"__ignoreMap":335},[339,1936,1937,1939,1941,1944,1948,1952,1955,1957,1959],{"class":341,"line":342},[339,1938,1421],{"class":349},[339,1940,460],{"class":359},[339,1942,1943],{"class":888},"'",[339,1945,1947],{"class":1946},"sfo-9","$",[339,1949,1951],{"class":1950},"sfi6f","count",[339,1953,1954],{"class":888}," items'",[339,1956,631],{"class":359},[339,1958,386],{"class":385},[339,1960,1961],{"class":389},"                                  \u002F\u002F 1 items\n",[339,1963,1964,1966,1968,1970,1972,1974,1977,1979,1982,1985,1988,1991,1994,1997,1999,2001,2003,2005],{"class":341,"line":369},[339,1965,1421],{"class":349},[339,1967,460],{"class":359},[339,1969,1943],{"class":888},[339,1971,1947],{"class":1946},[339,1973,1951],{"class":1950},[339,1975,1976],{"class":1946}," ${",[339,1978,1951],{"class":1950},[339,1980,1981],{"class":1946}," == ",[339,1983,1984],{"class":381},"1",[339,1986,1987],{"class":1946}," ? ",[339,1989,1990],{"class":888},"\"item\"",[339,1992,1993],{"class":1946}," : ",[339,1995,1996],{"class":888},"\"items\"",[339,1998,1254],{"class":1946},[339,2000,1943],{"class":888},[339,2002,631],{"class":359},[339,2004,386],{"class":385},[339,2006,2007],{"class":389},"       \u002F\u002F \"clever\", still broken\n",[339,2009,2010,2012,2014,2017,2020,2023,2025,2028,2030,2032],{"class":341,"line":393},[339,2011,1421],{"class":349},[339,2013,460],{"class":359},[339,2015,2016],{"class":888},"'Hello, '",[339,2018,2019],{"class":345}," +",[339,2021,2022],{"class":359}," name ",[339,2024,483],{"class":345},[339,2026,2027],{"class":888}," '!'",[339,2029,631],{"class":359},[339,2031,386],{"class":385},[339,2033,2034],{"class":389},"                          \u002F\u002F English word order, baked in\n",[339,2036,2037,2039,2041,2043,2046,2049,2051,2054,2056,2058,2060,2062,2064,2067,2069,2071,2073,2075,2077,2080,2082,2084,2086,2088],{"class":341,"line":400},[339,2038,1421],{"class":349},[339,2040,460],{"class":359},[339,2042,1943],{"class":888},[339,2044,2045],{"class":1946},"${",[339,2047,2048],{"class":1950},"d",[339,2050,427],{"class":1946},[339,2052,2053],{"class":1950},"day",[339,2055,1254],{"class":1946},[339,2057,427],{"class":888},[339,2059,2045],{"class":1946},[339,2061,2048],{"class":1950},[339,2063,427],{"class":1946},[339,2065,2066],{"class":1950},"month",[339,2068,1254],{"class":1946},[339,2070,427],{"class":888},[339,2072,2045],{"class":1946},[339,2074,2048],{"class":1950},[339,2076,427],{"class":1946},[339,2078,2079],{"class":1950},"year",[339,2081,1254],{"class":1946},[339,2083,1943],{"class":888},[339,2085,631],{"class":359},[339,2087,386],{"class":385},[339,2089,2090],{"class":389},"                 \u002F\u002F wrong half the world\n",[339,2092,2093,2095,2097,2099,2102,2104,2107,2109,2112,2114,2117,2120,2122,2124,2126],{"class":341,"line":407},[339,2094,1421],{"class":349},[339,2096,460],{"class":359},[339,2098,1943],{"class":888},[339,2100,2101],{"class":423},"\\$",[339,2103,2045],{"class":1946},[339,2105,2106],{"class":1950},"amount",[339,2108,427],{"class":1946},[339,2110,2111],{"class":413},"toStringAsFixed",[339,2113,460],{"class":1946},[339,2115,2116],{"class":381},"2",[339,2118,2119],{"class":1946},")}",[339,2121,1943],{"class":888},[339,2123,631],{"class":359},[339,2125,386],{"class":385},[339,2127,2128],{"class":389},"                \u002F\u002F wrong separator, wrong position\n",[175,2130,2131,2132,1263,2135,1263,2138,1263,2141,2144,2145,2148],{},"Het meervoud met een ternaire operator is het leerzame geval, want het ziet eruit alsof de developer erover heeft nagedacht. Het codeert een aanname die in het Engels waar is en vrijwel overal elders onwaar: dat een taal precies twee meervoudsvormen heeft. Het Russisch heeft vier categorieën (",[204,2133,2134],{},"one",[204,2136,2137],{},"few",[204,2139,2140],{},"many",[204,2142,2143],{},"other",") — 1 файл, 2 файла, 5 файлов — dus de ternaire operator is voor de meeste getallen op het scherm fout. Het Arabisch heeft er zes. Het Japans heeft er één, en daar leest überhaupt een meervoud vormen als kapot. Geen enkele hoeveelheid geneste ternaire operatoren repareert dit, want de ",[242,2146,2147],{},"regel"," is data per taal, geen voorwaarde die je schrijft.",[175,2150,2151,2152,2155,2156,2159,2160,2163,2164,2167],{},"Hetzelfde geldt voor de rest. Aan elkaar plakken bakt Engelse zinsbouw in de broncode in, zodat een vertaler de zin niet kan herordenen. Decimaalscheidingstekens, duizendtalscheidingstekens en de plaats van het valutasymbool zijn locale-data (",[204,2153,2154],{},"1 234,56 €"," tegenover ",[204,2157,2158],{},"$1,234.56","). Datumvolgorde is locale-data. En in RTL-lay-outs zet ",[204,2161,2162],{},"EdgeInsets.only(left: 16)"," — wat agents reflexmatig schrijven — de marge aan de verkeerde kant, waar ",[204,2165,2166],{},"EdgeInsetsDirectional.only(start: 16)"," correct was geweest.",[175,2169,2170,2172,2173,1172],{},[178,2171,532],{}," Berichten leven in ARB-bestanden met ICU MessageFormat, gegenereerd tot getypeerde accessors door ",[204,2174,2175],{},"gen_l10n",[331,2177,2181],{"className":2178,"code":2179,"language":2180,"meta":335,"style":335},"language-json shiki shiki-themes material-theme-lighter github-light github-dark","{\n  \"unreadMessages\": \"{count, plural, =0{No new messages} one{{count} new message} other{{count} new messages}}\",\n  \"@unreadMessages\": { \"placeholders\": { \"count\": { \"type\": \"int\" } } }\n}\n","json",[204,2182,2183,2188,2193,2198],{"__ignoreMap":335},[339,2184,2185],{"class":341,"line":342},[339,2186,2187],{},"{\n",[339,2189,2190],{"class":341,"line":369},[339,2191,2192],{},"  \"unreadMessages\": \"{count, plural, =0{No new messages} one{{count} new message} other{{count} new messages}}\",\n",[339,2194,2195],{"class":341,"line":393},[339,2196,2197],{},"  \"@unreadMessages\": { \"placeholders\": { \"count\": { \"type\": \"int\" } } }\n",[339,2199,2200],{"class":341,"line":400},[339,2201,521],{},[175,2203,2204,2205,2207,2208,2207,2210,2207,2212,2214,2215,1266,2218,2221,2222,2225],{},"Het Russische ARB-bestand voor dezelfde sleutel draagt ",[204,2206,2134],{},"\u002F",[204,2209,2137],{},[204,2211,2140],{},[204,2213,2143],{}," — het formaat heeft ruimte voor de taal, en het framework kiest de juiste tak uit CLDR-data. ",[204,2216,2217],{},"NumberFormat.currency",[204,2219,2220],{},"DateFormat.yMMMd(locale)"," regelen de rest, en richtinggevoelige marges zorgen dat RTL blijft kloppen. De aanroepplek wordt ",[204,2223,2224],{},"Text(l10n.unreadMessages(count))",", wat zowel korter is dan de ternaire operator als correct.",[175,2227,2228,2230,2231,2234],{},[178,2229,658],{}," Tekst interpoleren is de kortste weg naar letters op het scherm, en het is ",[242,2232,2233],{},"zichtbaar correct"," in de taal waarin de prompt is geschreven. De fout verschijnt pas in een locale waar de agent nooit naar is gevraagd, bij een getal dat hij nooit heeft geprobeerd.",[225,2236],{},[228,2238,2240],{"id":2239},"_7-weten-waar-je-vereenvoudigt-en-waar-niet","7. Weten waar je vereenvoudigt — en waar niet",[175,2242,2243],{},"De laatste is oordeelsvermogen, en het is het lastigst over te dragen.",[175,2245,2246,2248],{},[178,2247,321],{}," Hij past vereenvoudiging uniform toe, wat in dezelfde codebase twee tegenovergestelde fouten oplevert.",[175,2250,2251,2252,1172],{},"Hij ",[178,2253,2254],{},"slaat complexiteit plat die dragend was",[331,2256,2258],{"className":333,"code":2257,"language":18,"meta":335,"style":335},"try {\n  await api.charge(order);\n} catch (_) {\n  \u002F\u002F ingeslikt: netwerkfout, geweigerde kaart en idempotentieconflict\n  \u002F\u002F zijn nu dezelfde gebeurtenis, en de nieuwe poging incasseert dubbel\n}\n",[204,2259,2260,2268,2286,2297,2302,2307],{"__ignoreMap":335},[339,2261,2262,2265],{"class":341,"line":342},[339,2263,2264],{"class":817},"try",[339,2266,2267],{"class":359}," {\n",[339,2269,2270,2273,2276,2278,2281,2284],{"class":341,"line":369},[339,2271,2272],{"class":817},"  await",[339,2274,2275],{"class":359}," api",[339,2277,427],{"class":385},[339,2279,2280],{"class":413},"charge",[339,2282,2283],{"class":359},"(order)",[339,2285,436],{"class":385},[339,2287,2288,2291,2294],{"class":341,"line":393},[339,2289,2290],{"class":359},"} ",[339,2292,2293],{"class":817},"catch",[339,2295,2296],{"class":359}," (_) {\n",[339,2298,2299],{"class":341,"line":400},[339,2300,2301],{"class":389},"  \u002F\u002F ingeslikt: netwerkfout, geweigerde kaart en idempotentieconflict\n",[339,2303,2304],{"class":341,"line":407},[339,2305,2306],{"class":389},"  \u002F\u002F zijn nu dezelfde gebeurtenis, en de nieuwe poging incasseert dubbel\n",[339,2308,2309],{"class":341,"line":420},[339,2310,521],{"class":359},[175,2312,2313,2314,2317,2318,2321],{},"Retry- en idempotentielogica wordt tot één aanroep teruggebracht omdat het \"overbodig leek\". Een race bij het vernieuwen van tokens krijgt een simpele ",[204,2315,2316],{},"await"," omdat de mutex \"ongebruikt leek\". Verschillende faalwijzen worden samengevoegd tot één ",[204,2319,2320],{},"Er ging iets mis",", wat precies het bericht is dat een betalingsbug onreproduceerbaar maakt. Annuleringstokens sneuvelen omdat geen test ernaar verwees.",[175,2323,2324,2325,2328,2329,2332,2333,2336,2337,2340,2341,2343],{},"En hij ",[178,2326,2327],{},"abstraheert dingen te ver die prima waren",": een ",[204,2330,2331],{},"AppButton"," met veertien optionele benoemde parameters en zes booleans, een generieke hiërarchie ",[204,2334,2335],{},"BaseRepository\u003CT, ID>"," over drie endpoints, een ",[204,2338,2339],{},"AbstractBaseViewModel"," waar niemand van kan overerven zonder hem van begin tot eind te lezen, en de onvermijdelijke ",[204,2342,950],{}," waar veertig ongerelateerde statische functies sterven.",[175,2345,2346,2348],{},[178,2347,532],{}," Complexiteit is een budget, en het wordt uitgegeven waar het domein werkelijk lastig is: betalingen, offline synchroniseren en conflicten oplossen, tokens vernieuwen, idempotentie, alles wat geld of identiteit raakt. Die plekken blijven met opzet expliciet, omslachtig en saai — elke faalwijze benoemd, elke retry bewust. Overal elders snoeien we stevig: vijf bijna identieke lijstitems worden één widget, het instellingenscherm krijgt helemaal geen abstractielaag, en een repository die één endpoint omhult is gewoon een functie.",[175,2350,2351,2353],{},[178,2352,658],{}," \"Welke delen van dit domein doen iemand pijn als ze fout zijn?\" is geen informatie die in de code staat. Ze komt uit het product, de regelgevende context, en het aan de lijn hebben gezeten bij een incident. Een agent die op leesbare, minimale diffs optimaliseert behandelt een retry-loop voor betalingen en een instellingenschakelaar als hetzelfde soort ding, want syntactisch zijn ze dat.",[225,2355],{},[228,2357,2359],{"id":2358},"wat-aansturen-werkelijk-betekent","Wat aansturen werkelijk betekent",[175,2361,2362,2363,2366],{},"Lees de zeven samen en de vorm is helder: elk daarvan is een ",[178,2364,2365],{},"eigenschap van het hele systeem"," — consistentie, dekking, een statemodel, een designsysteem, een interactiewoordenschat, een localemodel, een complexiteitsbudget. Geen ervan kan prompt voor prompt ontstaan, want geen prompt ziet het geheel. Dat is geen gebrek dat je weg kunt prompten; het is wat het contextvenster is.",[175,2368,2369],{},"Dus verschuift het werk van de engineer omhoog, en het bestaat vooral uit vier dingen:",[175,2371,2372,2375,2376,427],{},[178,2373,2374],{},"Leg de invarianten vast voordat de code bestaat."," Het thema, het statemodel, de lokalisatieopzet, de mapindeling, de foutentaxonomie. Zodra die bestaan, heeft \"volg het bestaande patroon\" iets om naar te wijzen — en agents zijn werkelijk goed in een patroon volgen dat al in de repo staat. De eerste twee dagen bepalen de volgende zes maanden, en daarom krijgen ze een eigen fase in ",[183,2377,2379],{"href":2378},"\u002Fblog\u002Fflutter-app-development-process","ons ontwikkelproces",[175,2381,2382,2385,2386,2389,2390,2392],{},[178,2383,2384],{},"Bouw de feedbackloops die de agent niet heeft."," Een strenge ",[204,2387,2388],{},"analysis_options.yaml"," met lints die als errors gelden. ",[204,2391,732],{}," met widget- en goldendekking. Een framebudget gecontroleerd op profielbuilds. Elk daarvan verandert een oordeel in een controle die de agent zelf kan draaien en waartegen hij kan itereren, en dat is de enige manier waarop zijn snelheid een voordeel wordt in plaats van een last.",[175,2394,2395,2398],{},[178,2396,2397],{},"Beoordeel besluiten, geen regels."," Is dit hetzelfde statemodel als de rest van de app? Is dit vanuit het thema vormgegeven? Is dit de ene afleiding van die waarde? Overleeft deze tekst het Russisch? Regel voor regel agentuitvoer beoordelen schaalt niet en zal dat nooit doen; op besluitniveau beoordelen wel, want de besluiten zijn er maar weinig.",[175,2400,2401,2404],{},[178,2402,2403],{},"Open de app."," Op een toestel, op 200% tekstgrootte, in donkere modus, in beide talen, met een afgeknepen netwerk. Dat kost tien minuten en vindt de hele categorie defecten die geen statische controle ooit meldt.",[175,2406,2407,2408,2411],{},"Dat is het werkelijke verschil tussen Flutter geschreven door een agent en Flutter geschreven door een team dat ",[183,2409,2410],{"href":185},"agents aanstuurt",". Niet de code — de code is vaak prima. De randvoorwaarden eromheen.",[225,2413],{},[228,2415,2417],{"id":2416},"veelgestelde-vragen","Veelgestelde vragen",[2419,2420],"questions",{":items":2421},"[{\"title\": \"Kunnen AI-agents goede Flutter-code schrijven?\", \"text\": \"Ze kunnen goede Flutter-code schrijven binnen een codebase die al structuur heeft — een thema, een statemodel, een lokalisatieopzet, en tests om tegen te itereren. Wat ze niet kunnen is die structuur maken, want elk daarvan is een eigenschap van het hele systeem en een agent optimaliseert elke prompt lokaal. Met een bestaand patroon om te volgen is agentuitvoer werkelijk sterk. Met een lege repository en geen randvoorwaarden levert het veertig schermen op die elk werken en samen geen app vormen.\"}, {\"title\": \"Waarom ziet door AI gegenereerde Flutter-code er per scherm inconsistent uit?\", \"text\": \"Omdat de agent geen herinnering heeft aan de schermen die hij eerder bouwde en geen manier om de app te zien die hij bouwt. Elk scherm wordt gegenereerd als plausibel losstaand antwoord, dus laadindicatoren, foutafhandeling, lege staten, bevestigingsdialogen en het moment van formuliervalidatie verschillen per scherm. Elke afzonderlijke keuze is verdedigbaar; het geheel leest als een app die uit losse tutorials is samengesteld, en gebruikers merken dat omdat ze een app maar één keer leren.\"}, {\"title\": \"Waarom coderen AI-agents kleuren en tekststijlen hard in plaats van ThemeData te gebruiken?\", \"text\": \"Een constante is lokaal correct en meteen bevredigend — de kleur verschijnt en het scherm bouwt. Een designsysteem door ThemeData rijgen betaalt zich pas terug over veel schermen en een tweede thema, en dat is precies de horizon die een optimalisator per prompt niet kan zien. De kosten komen later: donkere modus wordt een handmatige voorwaarde op elke aanroepplek, een rebranding wordt een diff van honderden bestanden, en tekstschaling van het systeem breekt de lay-out omdat groottes vaste getallen zijn in plaats van een typografische ladder.\"}, {\"title\": \"Wat is er mis met tekstinterpolatie voor meervouden in Flutter?\", \"text\": \"Het codeert een aanname die in het Engels waar is en vrijwel overal elders onwaar: dat een taal precies twee meervoudsvormen heeft. Het Russisch heeft vier meervoudscategorieën, het Arabisch zes, en het Japans één. Een voorwaarde als aantal gelijk aan één kan geen van die uitdrukken. ICU MessageFormat in ARB-bestanden regelt meervoudscategorieën per taal op basis van CLDR-data, en hetzelfde geldt voor getalopmaak, de plaats van het valutasymbool, datumvolgorde en rechts-naar-links-lay-out, die geen van alle het aan elkaar plakken van strings overleven.\"}, {\"title\": \"Schrijven AI-agents tests voor Flutter-apps?\", \"text\": \"Niet tenzij je erom vraagt. Een functie genereren en er tests voor genereren zijn twee aparte verzoeken en het tweede gebeurt meestal nooit, zodat code review de enige kwaliteitspoort wordt op precies het moment dat agents het volume code dat daar aankomt vermenigvuldigen. De oplossing met de grootste hefboom voor interfacewerk is goldentests, want een golden komt het dichtst in de buurt van een agent ogen geven: het verandert vragen als of een herontwerp de lege staat in donkere modus brak in een controle die in continue integratie in seconden draait.\"}, {\"title\": \"Waarom vermijden AI-agents streams in Flutter?\", \"text\": \"Imperatieve vlaggen zijn het meest voorkomende patroon in trainingsdata en het makkelijkst regel voor regel te produceren, terwijl een stream vraagt dat je een hele toestandsmachine tegelijk in gedachten houdt. Dus schrijven agents parallelle boolean- en nullable-velden en vertakken daaroverheen, waardoor onmogelijke combinaties weer te geven zijn en verouderde antwoorden kunnen winnen. Hetzelfde modelleren als een sealed stateklasse die uit een stream wordt gelezen laat de compiler volledigheid afdwingen en maakt debouncen en annuleren declaratief in plaats van zelfgebouwd.\"}, {\"title\": \"Moeten we een met AI gebouwde Flutter-app herschrijven?\", \"text\": \"Meestal niet. De functies werken en het product is echt; wat ontbreekt is het bindweefsel — één bron van waarheid voor afgeleide state, een laag tests en goldens, een deugdelijk statemodel voor complexe asynchrone logica, een thema in plaats van constanten, een consistente interactiewoordenschat, en echte lokalisatie. Dat is allemaal ter plekke te herstellen, en dat gaat veel sneller dan een herbouw. Een gerichte audit wijst aan welke van de zeven het meest kost en in welke volgorde je ze herstelt.\"}]",[228,2423,2425],{"id":2424},"werk-je-aan-een-flutter-app-die-een-agent-bouwde","Werk je aan een Flutter-app die een agent bouwde?",[175,2427,2428],{},"Herken je je codebase in deze lijst, dan is dat geen teken dat AI gebruiken een vergissing was — het is hoe onbewaakte agentuitvoer er in Flutter elke keer uitziet, en het is te herstellen zonder herbouw.",[175,2430,2431,2432,2436,2437,2441,2442,2446],{},"Wij bouwen Flutter zo voor de kost: agents schrijven veel van de code, en onze engineers nemen de zeven besluiten hierboven voor hun rekening. Bekijk ",[183,2433,2435],{"href":2434},"\u002Fservices\u002Fflutter-app-development","hoe wij Flutter-appontwikkeling doen",", haal een bestaande codebase door een ",[183,2438,2440],{"href":2439},"\u002Fservices\u002Fai-code-audit","audit van AI-code",", of ",[183,2443,2445],{"href":2444},"\u002Fcontact","plan een gratis analyse"," en we vertellen je welke van deze zeven je het meest kost.",[2448,2449,2450],"style",{},"html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZMiF, html code.shiki .sZMiF{--shiki-light:#E2931D;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s39Yj, html code.shiki .s39Yj{--shiki-light:#39ADB5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sfo-9, html code.shiki .sfo-9{--shiki-light:#90A4AE;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sfi6f, html code.shiki .sfi6f{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#005CC5;--shiki-default-font-style:inherit;--shiki-dark:#79B8FF;--shiki-dark-font-style:inherit}",{"title":335,"searchDepth":369,"depth":369,"links":2452},[2453,2454,2455,2456,2457,2459,2460,2461,2462,2463,2464],{"id":230,"depth":369,"text":231},{"id":315,"depth":369,"text":316},{"id":664,"depth":369,"text":665},{"id":743,"depth":369,"text":744},{"id":1392,"depth":369,"text":2458},"4. Het framework kennen: ThemeData is geen constantenbestand",{"id":1840,"depth":369,"text":1841},{"id":1921,"depth":369,"text":1922},{"id":2239,"depth":369,"text":2240},{"id":2358,"depth":369,"text":2359},{"id":2416,"depth":369,"text":2417},{"id":2424,"depth":369,"text":2425},"Kort samengevat. Dit is geen pleidooi tegen AI die Flutter schrijft. Agents schrijven een groot deel van onze code, en we richtten ons proces daar bewust op in. Het is een pleidooi over wat er gebeurt wanneer niemand ze aanstuurt. Wij leveren Flutter op met agents, en we beoordelen Flutter die agents onbewaakt schreven — en dezelfde zeven gaten scheiden de twee. Een onbewaakte agent berekent afgeleide state overal opnieuw in plaats van één bron van waarheid te houden; schrijft geen tests en geen benchmarks, waardoor review de enige poort is en regressies er zo doorheen glippen; perst complexe asynchrone logica in if- en switch-piramides over losse vlaggen in plaats van die als stream te modelleren; behandelt designtokens als constanten in een constants.dart in plaats van als de ThemeData die het framework hem al geeft; verzint op elk scherm een nieuwe UX-woordenschat, omdat hij de app niet kan zien; plakt strings aan elkaar waar meervoudsregels uit ICU verplicht zijn; en vereenvoudigt uniform, waarmee hij juist de delen van het domein platslaat waar complexiteit het punt is. Niets hiervan is een Flutter-probleem, en niets ervan betekent dat de code waardeloos is. Het betekent dat de systeembrede besluiten nog steeds van ons zijn.","md",{"type":2468,"src":2469},"image","\u002Fblog\u002Fai-agents-struggle-with-flutter.webp",{},"Zeven plekken waar een onbewaakte AI-agent Flutter fout doet — gedupliceerde state, geen tests, callbackpiramides, hardgecodeerde stijlen — en de fixes.","Hoe AI-agents worstelen met Flutter-code","Wij laten agents veel van onze Flutter schrijven, en beoordelen veel geschreven door agents die niemand aanstuurde. Zeven besluiten scheiden de twee.","\u002Fblog\u002Fai-agents-struggle-with-flutter",{"title":169,"description":2465},"ai-agents-struggle-with-flutter","blog\u002Fai-agents-struggle-with-flutter","Wij laten agents een groot deel van onze Flutter-code schrijven, en we beoordelen veel Flutter geschreven door agents die niemand aanstuurde. Het verschil is niet typesnelheid — het zijn zeven besluiten die een onbewaakte agent elke keer verkeerd neemt: hij berekent afgeleide state overal opnieuw in plaats van één bron van waarheid te houden, levert geen tests of benchmarks, propt complexe asynchrone logica in if-piramides in plaats van streams, behandelt designtokens als constanten in plaats van als Theme, verzint op elk scherm een nieuwe UX-woordenschat, plakt strings aan elkaar waar ICU verplicht is, en vereenvoudigt uniform in plaats van te weten waar complexiteit moet blijven. Dit is hoe elk daarvan er in Dart uitziet, waarom de agent daar uitkomt, en wat wij in plaats daarvan doen.","2026-07-26T20:06:43Z",null,"3mX8kmQxfqJXIELqSLEO7YCce4X_TlGnv-oSQyB3i-o",[2483,2540,2587,2637,2726,2778],{"id":2484,"bio":2485,"expertise":2490,"extension":2506,"links":2507,"meta":2511,"metaDescription":2512,"name":2517,"ogDescription":2520,"photo":2525,"role":2526,"seniority":2531,"skills":2532,"slug":2533,"specialization":2534,"stem":2533,"__hash__":2539},"team_members\u002Fdima.yaml",{"en":2486,"ru":2487,"es":2488,"nl":2489},"Dima has been building with [Flutter](\u002Ftechnologies\u002Fflutter) since 2021, and specializes in :term[state management]{slug=\"state-management\"} and app architecture.\n\nHe has hands-on experience with real-time communication protocols — :term{slug=\"webrtc\"} for audio and video, and :term{slug=\"xmpp\"} for messaging — which makes him comfortable with the network-heavy, stateful features many teams struggle to get right.\n","Дима работает с [Flutter](\u002Ftechnologies\u002Fflutter) с 2021 года и специализируется на :term[state management]{slug=\"state-management\"} и архитектуре приложений.\n\nУ него есть практический опыт с протоколами реального времени — :term{slug=\"webrtc\"} для аудио и видео и :term{slug=\"xmpp\"} для обмена сообщениями, — поэтому ему близки сетевые stateful-фичи, которые многим командам даются с трудом.\n","Dima trabaja con [Flutter](\u002Ftechnologies\u002Fflutter) desde 2021 y se especializa en :term[gestión de estado]{slug=\"state-management\"} y arquitectura de aplicaciones.\n\nTiene experiencia práctica con protocolos de comunicación en tiempo real —:term{slug=\"webrtc\"} para audio y vídeo, y :term{slug=\"xmpp\"} para mensajería—, lo que le hace sentirse cómodo con esas funcionalidades con mucho estado y mucha red que a muchos equipos se les atragantan.\n","Dima werkt sinds 2021 met [Flutter](\u002Ftechnologies\u002Fflutter) en is gespecialiseerd in :term[state management]{slug=\"state-management\"} en applicatiearchitectuur.\n\nHij heeft praktijkervaring met protocollen voor realtime communicatie — :term{slug=\"webrtc\"} voor audio en video, en :term{slug=\"xmpp\"} voor berichten — waardoor hij zich thuis voelt bij de netwerkzware functies met veel staat waar veel teams moeite mee hebben.\n",[2491,2494,2499,2501],{"en":2492,"ru":2492,"es":2493,"nl":2492},"State management","Gestión de estado",{"en":2495,"ru":2496,"es":2497,"nl":2498},"Application architecture","Архитектура приложений","Arquitectura de aplicaciones","Applicatiearchitectuur",{"en":2500,"ru":2500,"es":2500,"nl":2500},"WebRTC",{"en":2502,"ru":2503,"es":2504,"nl":2505},"XMPP messaging","Обмен сообщениями по XMPP","Mensajería XMPP","Berichten via XMPP","yaml",[2508],{"type":2509,"address":2510},"email","konopatov@nerdy.pro",{},{"en":2513,"ru":2514,"es":2515,"nl":2516},"Lead Flutter developer at Nerdy Production, building real-time apps since 2021 — state management, app architecture, WebRTC and XMPP.","Ведущий Flutter-разработчик Nerdy Production: приложения реального времени с 2021 года — state management, архитектура, WebRTC и XMPP.","Lead de desarrollo Flutter en Nerdy Production, construyendo apps en tiempo real desde 2021: gestión de estado, arquitectura de aplicaciones, WebRTC y XMPP.","Lead Flutter-developer bij Nerdy Production, bouwt sinds 2021 realtime-apps — state management, applicatiearchitectuur, WebRTC en XMPP.",{"en":2518,"ru":2519,"es":2518,"nl":2518},"Dima","Дима",{"en":2521,"ru":2522,"es":2523,"nl":2524},"Lead Flutter developer at Nerdy Production — real-time apps since 2021, and the state management that keeps them from falling over.","Ведущий Flutter-разработчик Nerdy Production: приложения реального времени с 2021 года и state management, на котором они держатся.","Lead de desarrollo Flutter en Nerdy Production: apps en tiempo real desde 2021 y la gestión de estado que evita que se caigan.","Lead Flutter-developer bij Nerdy Production — realtime-apps sinds 2021, en het state management dat ze overeind houdt.","\u002Fteam\u002Fdima.webp",{"en":2527,"ru":2528,"es":2529,"nl":2530},"Lead Flutter Developer","Ведущий Flutter-разработчик","Lead de desarrollo Flutter","Lead Flutter-developer","lead",[41,18,155,160,90,111,150,95],"dima",{"en":2535,"ru":2536,"es":2537,"nl":2538},"Real-time apps, state management, and architecture","Приложения реального времени, state management и архитектура","Apps en tiempo real, gestión de estado y arquitectura","Realtime-apps, state management en architectuur","1TuxUt3zjdVkQUvMf9dBITG872C0exrdZyyoKw1beiE",{"id":2541,"bio":2542,"expertise":2547,"extension":2506,"links":2480,"meta":2558,"metaDescription":2559,"name":2564,"ogDescription":2567,"photo":2572,"role":2573,"seniority":2578,"skills":2579,"slug":2580,"specialization":2581,"stem":2580,"__hash__":2586},"team_members\u002Fmasha.yaml",{"en":2543,"ru":2544,"es":2545,"nl":2546},"Masha builds [Flutter](\u002Ftechnologies\u002Fflutter) apps where design and copy are treated as one job.\n\nShe specializes in UI\u002FUX — turning product requirements into clean, usable interfaces — and in the writing inside the app, from onboarding flows to the microcopy that makes a screen make sense. The result is apps that feel considered, not just functional.\n","Маша делает приложения на [Flutter](\u002Ftechnologies\u002Fflutter), где дизайн и текст — одна задача.\n\nОна специализируется на UI\u002FUX, превращая продуктовые требования в чистые и удобные интерфейсы, и на текстах внутри приложения — от онбординга до микрокопирайта, который делает экран понятным. В итоге приложения получаются продуманными, а не просто рабочими.\n","Masha crea apps en [Flutter](\u002Ftechnologies\u002Fflutter) donde el diseño y el texto se tratan como un mismo trabajo.\n\nSe especializa en UI\u002FUX —convertir requisitos de producto en interfaces limpias y usables— y en la escritura dentro de la app, desde los flujos de onboarding hasta el microcopy que hace que una pantalla se entienda. El resultado son apps que se sienten pensadas, no solo funcionales.\n","Masha bouwt [Flutter](\u002Ftechnologies\u002Fflutter)-apps waarin ontwerp en tekst als één taak worden behandeld.\n\nZe is gespecialiseerd in UI\u002FUX — productwensen omzetten in heldere, bruikbare interfaces — en in de teksten binnen de app, van onboarding tot de microteksten die een scherm begrijpelijk maken. Het resultaat zijn apps die doordacht aanvoelen en niet alleen werken.\n",[2548,2553],{"en":2549,"ru":2550,"es":2551,"nl":2552},"UI\u002FUX design","UI\u002FUX-дизайн","Diseño UI\u002FUX","UI\u002FUX-ontwerp",{"en":2554,"ru":2555,"es":2556,"nl":2557},"Product copywriting","Продуктовый копирайтинг","Redacción de producto","Productteksten",{},{"en":2560,"ru":2561,"es":2562,"nl":2563},"Flutter developer at Nerdy Production working where design meets copy — UI\u002FUX, onboarding flows, and the microcopy that makes a screen make sense.","Flutter-разработчик Nerdy Production на стыке дизайна и текста: UI\u002FUX, онбординг и микрокопирайт, который делает экран понятным.","Desarrolladora Flutter en Nerdy Production, donde el diseño se encuentra con el texto: UI\u002FUX, onboarding y el microcopy que hace que una pantalla se entienda.","Flutter-developer bij Nerdy Production op het snijvlak van ontwerp en tekst — UI\u002FUX, onboarding, en de microteksten die een scherm begrijpelijk maken.",{"en":2565,"ru":2566,"es":2565,"nl":2565},"Masha","Маша",{"en":2568,"ru":2569,"es":2570,"nl":2571},"Flutter developer at Nerdy Production working where design meets copy — onboarding flows and the microcopy that makes a screen make sense.","Flutter-разработчик Nerdy Production на стыке дизайна и текста: онбординг и микрокопирайт, который делает экран понятным.","Desarrolladora Flutter en Nerdy Production, donde el diseño se encuentra con el texto: onboarding y el microcopy que hace entender una pantalla.","Flutter-developer bij Nerdy Production op het snijvlak van ontwerp en tekst — onboarding en de microteksten die een scherm begrijpelijk maken.","\u002Fteam\u002Fmasha.webp",{"en":2574,"ru":2575,"es":2576,"nl":2577},"Flutter Developer","Flutter-разработчик","Desarrolladora Flutter","Flutter-developer","middle",[41,18],"masha",{"en":2582,"ru":2583,"es":2584,"nl":2585},"UI\u002FUX and copywriting for Flutter apps","UI\u002FUX и копирайтинг для Flutter-приложений","UI\u002FUX y redacción para apps Flutter","UI\u002FUX en teksten voor Flutter-apps","z3c64iWR39RIrn8wE0elSy00IfCITYgNkbgp_G_sslk",{"id":2588,"bio":2589,"expertise":2594,"extension":2506,"links":2605,"meta":2608,"metaDescription":2609,"name":2614,"ogDescription":2617,"photo":2622,"role":2623,"seniority":2628,"skills":2629,"slug":2630,"specialization":2631,"stem":2630,"__hash__":2636},"team_members\u002Fmaxim.yaml",{"en":2590,"ru":2591,"es":2592,"nl":2593},"Maxim is a polyglot engineer who moves comfortably across [Go](\u002Ftechnologies\u002Fgo), [Flutter](\u002Ftechnologies\u002Fflutter), [Python](\u002Ftechnologies\u002Fpython), and [TypeScript](\u002Ftechnologies\u002Ftypescript), which lets him own a feature from the backend to the screen.\n\nHe came up at Ozon, one of Russia's largest marketplaces, where scale makes reliability non-negotiable — and it shows in his work: testing is a first-class part of how he builds, not an afterthought bolted on at the end.\n","Максим — полиглот-инженер, свободно работающий с [Go](\u002Ftechnologies\u002Fgo), [Flutter](\u002Ftechnologies\u002Fflutter), [Python](\u002Ftechnologies\u002Fpython) и [TypeScript](\u002Ftechnologies\u002Ftypescript), что позволяет ему вести фичу от бэкенда до экрана.\n\nОн вырос в Ozon, одном из крупнейших маркетплейсов России, где масштаб делает надёжность обязательной, — и это видно в его работе: тестирование для него первоклассная часть разработки, а не то, что прикручивают в конце.\n","Maxim es un ingeniero políglota que se mueve con soltura entre [Go](\u002Ftechnologies\u002Fgo), [Flutter](\u002Ftechnologies\u002Fflutter), [Python](\u002Ftechnologies\u002Fpython) y [TypeScript](\u002Ftechnologies\u002Ftypescript), lo que le permite hacerse cargo de una funcionalidad desde el backend hasta la pantalla.\n\nSe formó en Ozon, uno de los mayores marketplaces de Rusia, donde la escala hace que la fiabilidad no sea negociable, y se le nota: el testing es para él una parte de primera clase de cómo construye, no un añadido al final.\n","Maxim is een polyglotte engineer die zich moeiteloos beweegt tussen [Go](\u002Ftechnologies\u002Fgo), [Flutter](\u002Ftechnologies\u002Fflutter), [Python](\u002Ftechnologies\u002Fpython) en [TypeScript](\u002Ftechnologies\u002Ftypescript), waardoor hij een functie van de backend tot het scherm kan dragen.\n\nHij is opgegroeid bij Ozon, een van de grootste marktplaatsen van Rusland, waar schaal betrouwbaarheid onderhandelbaar maakt noch toestaat — en dat zie je terug in zijn werk: testen is bij hem een volwaardig onderdeel van hoe hij bouwt, geen bijzaak die er aan het eind bij komt.\n",[2595,2600],{"en":2596,"ru":2597,"es":2598,"nl":2599},"Automated testing","Автоматизированное тестирование","Testing automatizado","Geautomatiseerd testen",{"en":2601,"ru":2602,"es":2603,"nl":2604},"High-load backend systems","Высоконагруженные бэкенд-системы","Sistemas backend de alta carga","Backendsystemen met hoge belasting",[2606],{"type":2509,"address":2607},"maxim@nerdy.pro",{},{"en":2610,"ru":2611,"es":2612,"nl":2613},"Senior engineer at Nerdy Production across Go, Flutter, Python and TypeScript — from backend to screen, with automated testing built in.","Старший инженер Nerdy Production: Go, Flutter, Python и TypeScript — от бэкенда до экрана, с автотестами как частью разработки.","Ingeniero senior en Nerdy Production con Go, Flutter, Python y TypeScript: del backend a la pantalla, con testing automatizado incorporado.","Senior engineer bij Nerdy Production met Go, Flutter, Python en TypeScript — van backend tot scherm, met geautomatiseerd testen ingebouwd.",{"en":2615,"ru":2616,"es":2615,"nl":2615},"Maxim","Максим",{"en":2618,"ru":2619,"es":2620,"nl":2621},"Senior engineer at Nerdy Production working from backend to screen — Go, Flutter, Python and TypeScript, with the tests written as he goes.","Старший инженер Nerdy Production, работающий от бэкенда до экрана: Go, Flutter, Python и TypeScript — и тесты, которые пишутся по ходу дела.","Ingeniero senior en Nerdy Production, del backend a la pantalla: Go, Flutter, Python y TypeScript, con los tests escritos sobre la marcha.","Senior engineer bij Nerdy Production, van backend tot scherm — Go, Flutter, Python en TypeScript, met de tests die hij onderweg schrijft.","\u002Fteam\u002Fmax.webp",{"en":2624,"ru":2625,"es":2626,"nl":2627},"Senior Software Engineer","Старший инженер-программист","Ingeniero de software senior","Senior software engineer","senior",[41,18,51,106,155,13,150],"maxim",{"en":2632,"ru":2633,"es":2634,"nl":2635},"Backend and Flutter engineering with a testing focus","Бэкенд и Flutter с фокусом на тестирование","Ingeniería backend y Flutter con foco en testing","Backend- en Flutter-engineering met focus op testen","a-8Kx1i-PQXIGU92_Rimqr3bPEur6ZwMfPKQWr2uk4I",{"id":2638,"bio":2639,"expertise":2644,"extension":2506,"links":2686,"meta":2698,"metaDescription":2699,"name":2704,"ogDescription":2707,"photo":2712,"role":2713,"seniority":2718,"skills":2719,"slug":170,"specialization":2720,"stem":170,"__hash__":2725},"team_members\u002Fnixan.yaml",{"en":2640,"ru":2641,"es":2642,"nl":2643},"Ilya founded Nerdy Production and leads its engineering. He has been building software since 2010 and shipping production Flutter since 2018.\n\nBefore that he was CTO of QIWI, one of Russia's largest payment platforms, where he ran roughly 12 engineering teams spanning web products down to card processing, :term{slug=\"pci-dss\"} scope, and contactless payments — including building contactless card payments on Android via :term[Host Card Emulation]{slug=\"host-card-emulation\"} over ISO\u002FIEC 14443, with EMV Contactless (Visa PayWave) on top.\n\nHe was also a principal developer at Yandex, where he worked on Yandex.Auto — taking native Android deep into the vehicle, with heavy CAN-bus integration through a custom CAN shield — and a principal at Evotor, whose point-of-sale devices run on a forked :term{slug=\"aosp\"}, giving him a low-level view of Android most app developers never touch.\n\nToday he leads delivery on the agency's flagship apps — from the chart-heavy fintech UI of [ExtraETF](\u002Fportfolio\u002Fextraetf) to the fully custom design system of [Arcana](\u002Fportfolio\u002Farcana). He writes most of the essays on this blog and maintains the agency's open-source work, including the [dxpdf](\u002Fopen-source\u002Fdxpdf) DOCX-to-PDF engine.\n\nHe works across [Flutter](\u002Ftechnologies\u002Fflutter), native iOS and Android, [Go](\u002Ftechnologies\u002Fgo), [Rust](\u002Ftechnologies\u002Frust), [TypeScript](\u002Ftechnologies\u002Ftypescript), [Kotlin](\u002Ftechnologies\u002Fkotlin), [Kubernetes](\u002Ftechnologies\u002Fkubernetes), and [Docker](\u002Ftechnologies\u002Fdocker), with a focus on app architecture, cross-platform delivery, and building teams that ship.\n","Илья основал Nerdy Production и руководит инженерной командой. Он занимается разработкой с 2010 года и выпускает продакшн-приложения на Flutter с 2018-го.\n\nДо этого он был CTO QIWI — одной из крупнейших платёжных платформ России, — где руководил примерно 12 инженерными командами: от веб-продуктов до карточного процессинга, зоны :term{slug=\"pci-dss\"} и бесконтактных платежей, включая бесконтактную оплату картой на Android через :term[Host Card Emulation]{slug=\"host-card-emulation\"} поверх ISO\u002FIEC 14443, с платёжным протоколом EMV Contactless (Visa PayWave).\n\nОн также был принципал-разработчиком в Яндексе, где работал над Яндекс.Авто, уводя нативный Android глубоко в автомобиль, с серьёзной интеграцией по шине CAN через собственный CAN-шилд, и принципалом в Эвоторе, чьи кассовые устройства работают на форке :term{slug=\"aosp\"}, что дало ему низкоуровневый взгляд на Android, недоступный большинству прикладных разработчиков.\n\nСейчас он ведёт поставку флагманских приложений агентства — от насыщенного графиками финтех-интерфейса [ExtraETF](\u002Fportfolio\u002Fextraetf) до полностью кастомной дизайн-системы [Arcana](\u002Fportfolio\u002Farcana). Он пишет большую часть материалов этого блога и поддерживает open-source агентства, включая движок [dxpdf](\u002Fopen-source\u002Fdxpdf) для конвертации DOCX в PDF.\n\nРаботает с [Flutter](\u002Ftechnologies\u002Fflutter), нативными iOS и Android, [Go](\u002Ftechnologies\u002Fgo), [Rust](\u002Ftechnologies\u002Frust), [TypeScript](\u002Ftechnologies\u002Ftypescript), [Kotlin](\u002Ftechnologies\u002Fkotlin), [Kubernetes](\u002Ftechnologies\u002Fkubernetes) и [Docker](\u002Ftechnologies\u002Fdocker); его фокус — архитектура приложений, кросс-платформенная поставка и построение команд, которые доводят продукт до релиза.\n","Ilya fundó Nerdy Production y dirige su ingeniería. Lleva construyendo software desde 2010 y entregando Flutter en producción desde 2018.\n\nAntes fue CTO de QIWI, una de las mayores plataformas de pago de Rusia, donde dirigió alrededor de 12 equipos de ingeniería que abarcaban desde productos web hasta procesamiento de tarjetas, alcance :term{slug=\"pci-dss\"} y pagos contactless, incluida la construcción de pagos contactless con tarjeta en Android mediante :term[Host Card Emulation]{slug=\"host-card-emulation\"} sobre ISO\u002FIEC 14443, con EMV Contactless (Visa PayWave) por encima.\n\nTambién fue principal developer en Yandex, donde trabajó en Yandex.Auto —llevando Android nativo hasta el interior del vehículo, con una integración intensiva por bus CAN a través de un CAN shield propio— y principal en Evotor, cuyos terminales de punto de venta funcionan sobre un fork de :term{slug=\"aosp\"}, lo que le dio una visión de bajo nivel de Android que la mayoría de desarrolladores de apps nunca llega a tocar.\n\nHoy lidera la entrega de las apps insignia de la agencia, desde la interfaz fintech cargada de gráficos de [ExtraETF](\u002Fportfolio\u002Fextraetf) hasta el sistema de diseño totalmente a medida de [Arcana](\u002Fportfolio\u002Farcana). Escribe la mayoría de los artículos de este blog y mantiene el trabajo de código abierto de la agencia, incluido el motor de conversión de DOCX a PDF [dxpdf](\u002Fopen-source\u002Fdxpdf).\n\nTrabaja con [Flutter](\u002Ftechnologies\u002Fflutter), iOS y Android nativos, [Go](\u002Ftechnologies\u002Fgo), [Rust](\u002Ftechnologies\u002Frust), [TypeScript](\u002Ftechnologies\u002Ftypescript), [Kotlin](\u002Ftechnologies\u002Fkotlin), [Kubernetes](\u002Ftechnologies\u002Fkubernetes) y [Docker](\u002Ftechnologies\u002Fdocker), con foco en arquitectura de aplicaciones, entrega multiplataforma y la construcción de equipos que entregan.\n","Ilya richtte Nerdy Production op en leidt de engineering. Hij bouwt software sinds 2010 en levert sinds 2018 Flutter in productie.\n\nDaarvoor was hij CTO van QIWI, een van de grootste betaalplatforms van Rusland, waar hij zo'n 12 engineeringteams aanstuurde die reikten van webproducten tot kaartverwerking, :term{slug=\"pci-dss\"}-scope en contactloos betalen — waaronder het bouwen van contactloze kaartbetalingen op Android via :term[Host Card Emulation]{slug=\"host-card-emulation\"} over ISO\u002FIEC 14443, met EMV Contactless (Visa PayWave) daarbovenop.\n\nHij was ook principal developer bij Yandex, waar hij aan Yandex.Auto werkte — native Android diep de auto in brengen, met zware integratie over de CAN-bus via een eigen CAN-shield — en principal bij Evotor, waarvan de kassa-apparaten op een fork van :term{slug=\"aosp\"} draaien, wat hem een blik op Android op laag niveau gaf die de meeste app-ontwikkelaars nooit krijgen.\n\nVandaag leidt hij de oplevering van de vlaggenschipapps van het bureau — van de grafiekzware fintech-UI van [ExtraETF](\u002Fportfolio\u002Fextraetf) tot het volledig eigen designsysteem van [Arcana](\u002Fportfolio\u002Farcana). Hij schrijft de meeste artikelen op deze blog en onderhoudt het opensourcewerk van het bureau, waaronder de DOCX-naar-PDF-motor [dxpdf](\u002Fopen-source\u002Fdxpdf).\n\nHij werkt met [Flutter](\u002Ftechnologies\u002Fflutter), native iOS en Android, [Go](\u002Ftechnologies\u002Fgo), [Rust](\u002Ftechnologies\u002Frust), [TypeScript](\u002Ftechnologies\u002Ftypescript), [Kotlin](\u002Ftechnologies\u002Fkotlin), [Kubernetes](\u002Ftechnologies\u002Fkubernetes) en [Docker](\u002Ftechnologies\u002Fdocker), met de nadruk op applicatiearchitectuur, cross-platform oplevering en het bouwen van teams die opleveren.\n",[2645,2650,2655,2660,2665,2670,2675,2680,2682,2684],{"en":2646,"ru":2647,"es":2648,"nl":2649},"iOS development","Разработка под iOS","Desarrollo iOS","iOS-ontwikkeling",{"en":2651,"ru":2652,"es":2653,"nl":2654},"Software architecture","Архитектура ПО","Arquitectura de software","Softwarearchitectuur",{"en":2656,"ru":2657,"es":2658,"nl":2659},"Engineering team leadership","Руководство инженерными командами","Liderazgo de equipos de ingeniería","Leidinggeven aan engineeringteams",{"en":2661,"ru":2662,"es":2663,"nl":2664},"Payment systems","Платёжные системы","Sistemas de pago","Betaalsystemen",{"en":2666,"ru":2667,"es":2668,"nl":2669},"Card processing","Карточный процессинг","Procesamiento de tarjetas","Kaartverwerking",{"en":2671,"ru":2672,"es":2673,"nl":2674},"PCI-DSS compliance","Соответствие PCI-DSS","Cumplimiento de PCI-DSS","Naleving van PCI-DSS",{"en":2676,"ru":2677,"es":2678,"nl":2679},"NFC and contactless payments","NFC и бесконтактные платежи","NFC y pagos contactless","NFC en contactloos betalen",{"en":2681,"ru":2681,"es":2681,"nl":2681},"Host Card Emulation",{"en":2683,"ru":2683,"es":2683,"nl":2683},"EMV Contactless",{"en":2685,"ru":2685,"es":2685,"nl":2685},"AOSP",[2687,2690,2693,2696],{"type":2688,"url":2689},"github","https:\u002F\u002Fgithub.com\u002Fthenixan",{"type":2691,"url":2692},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fthenixan\u002F",{"type":2694,"url":2695},"telegram","https:\u002F\u002Ft.me\u002Fthenixan",{"type":2509,"address":2697},"nixan@nerdy.pro",{},{"en":2700,"ru":2701,"es":2702,"nl":2703},"Founder and lead developer at Nerdy Production, former CTO of QIWI. Flutter architecture, payments infrastructure, and engineering teams that ship.","Основатель и ведущий разработчик Nerdy Production, экс-CTO QIWI. Архитектура на Flutter, платёжная инфраструктура и команды, которые доводят до релиза.","Fundador y lead developer en Nerdy Production, ex-CTO de QIWI. Arquitectura Flutter, infraestructura de pagos y equipos de ingeniería que entregan.","Oprichter en lead developer bij Nerdy Production, oud-CTO van QIWI. Flutter-architectuur, betaalinfrastructuur en teams die opleveren.",{"en":2705,"ru":2706,"es":2705,"nl":2705},"Ilya Nixan","Илья Никсан",{"en":2708,"ru":2709,"es":2710,"nl":2711},"Founder and lead developer at Nerdy Production, former CTO of QIWI — Flutter architecture, payments infrastructure, and teams that ship.","Основатель и ведущий разработчик Nerdy Production, экс-CTO QIWI: архитектура на Flutter, платёжная инфраструктура и команды, которые доводят до релиза.","Fundador y lead developer en Nerdy Production, ex-CTO de QIWI: arquitectura Flutter, infraestructura de pagos y equipos que entregan.","Oprichter en lead developer bij Nerdy Production, oud-CTO van QIWI — Flutter-architectuur, betaalinfrastructuur en teams die opleveren.","\u002Fteam\u002Fnixan.webp",{"en":2714,"ru":2715,"es":2716,"nl":2717},"Founder & Lead Developer","Основатель и ведущий разработчик","Fundador y lead developer","Oprichter & lead developer","founder_lead",[41,18,71,141,76,146,51,126,121,155,160,90,13,150,136,7,29,80],{"en":2721,"ru":2722,"es":2723,"nl":2724},"Flutter architecture and leading delivery teams","Архитектура на Flutter и руководство командами поставки","Arquitectura Flutter y liderazgo de equipos de entrega","Flutter-architectuur en het leiden van opleverteams","BmeQZ7JyhRFIx8527WO2t1-WklP8AAvevAxiN9U4TEs",{"id":2727,"bio":2728,"expertise":2733,"extension":2506,"links":2745,"meta":2750,"metaDescription":2751,"name":2756,"ogDescription":2759,"photo":2764,"role":2765,"seniority":2628,"skills":2770,"slug":2771,"specialization":2772,"stem":2771,"__hash__":2777},"team_members\u002Froma.yaml",{"en":2729,"ru":2730,"es":2731,"nl":2732},"Roman works across native iOS and Android and [Flutter](\u002Ftechnologies\u002Fflutter), and pairs that mobile depth with [Python](\u002Ftechnologies\u002Fpython) and applied AI.\n\nMuch of his background is in ERP and CRM development — complex, data-heavy business systems where getting the domain model right matters more than the UI — which gives him a pragmatic eye for how an app fits the process behind it.\n","Роман работает с нативными iOS и Android и с [Flutter](\u002Ftechnologies\u002Fflutter), дополняя мобильную экспертизу [Python](\u002Ftechnologies\u002Fpython) и прикладным AI.\n\nЗначительная часть его опыта — разработка ERP и CRM, сложных систем с большим объёмом данных, где правильная доменная модель важнее интерфейса, — что даёт ему прагматичный взгляд на то, как приложение встраивается в процесс за ним.\n","Roman trabaja con iOS y Android nativos y con [Flutter](\u002Ftechnologies\u002Fflutter), y combina esa profundidad móvil con [Python](\u002Ftechnologies\u002Fpython) e IA aplicada.\n\nBuena parte de su trayectoria está en el desarrollo de ERP y CRM —sistemas de negocio complejos y con mucho dato, donde acertar con el modelo de dominio importa más que la interfaz—, lo que le da una mirada pragmática sobre cómo encaja una app en el proceso que hay detrás.\n","Roman werkt met native iOS en Android en met [Flutter](\u002Ftechnologies\u002Fflutter), en combineert die mobiele diepgang met [Python](\u002Ftechnologies\u002Fpython) en toegepaste AI.\n\nEen groot deel van zijn achtergrond ligt in ERP- en CRM-ontwikkeling — complexe, datazware bedrijfssystemen waarin het domeinmodel goed krijgen zwaarder weegt dan de interface — wat hem een pragmatische blik geeft op hoe een app in het proces erachter past.\n",[2734,2735,2740],{"en":2646,"ru":2647,"es":2648,"nl":2649},{"en":2736,"ru":2737,"es":2738,"nl":2739},"Applied AI","Прикладной AI","IA aplicada","Toegepaste AI",{"en":2741,"ru":2742,"es":2743,"nl":2744},"ERP and CRM systems","ERP- и CRM-системы","Sistemas ERP y CRM","ERP- en CRM-systemen",[2746,2748],{"type":2691,"url":2747},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fromanbatler\u002F",{"type":2509,"address":2749},"roma@nerdy.pro",{},{"en":2752,"ru":2753,"es":2754,"nl":2755},"Senior mobile developer at Nerdy Production — native iOS and Android, Flutter, applied AI, and a background in data-heavy ERP and CRM systems.","Старший мобильный разработчик Nerdy Production: нативные iOS и Android, Flutter, прикладной AI и опыт в ERP- и CRM-системах.","Desarrollador móvil senior en Nerdy Production: iOS y Android nativos, Flutter, IA aplicada y experiencia en sistemas ERP y CRM con gran volumen de datos.","Senior mobiele developer bij Nerdy Production — native iOS en Android, Flutter, toegepaste AI, en een achtergrond in datazware ERP- en CRM-systemen.",{"en":2757,"ru":2758,"es":2757,"nl":2757},"Roman","Рома",{"en":2760,"ru":2761,"es":2762,"nl":2763},"Senior mobile developer at Nerdy Production — native iOS and Android, Flutter, applied AI, and years of data-heavy ERP and CRM behind him.","Старший мобильный разработчик Nerdy Production: нативные iOS и Android, Flutter, прикладной AI и годы работы с нагруженными ERP и CRM.","Desarrollador móvil senior en Nerdy Production: iOS y Android nativos, Flutter, IA aplicada y años de ERP y CRM con mucha carga de datos.","Senior mobiele developer bij Nerdy Production — native iOS en Android, Flutter, toegepaste AI, en jaren datazware ERP en CRM achter zich.","\u002Fteam\u002Froma.webp",{"en":2766,"ru":2767,"es":2768,"nl":2769},"Senior Mobile Developer","Старший мобильный разработчик","Desarrollador móvil senior","Senior mobiele developer",[7,41,18,141,146,106],"roma",{"en":2773,"ru":2774,"es":2775,"nl":2776},"Mobile, AI, and ERP\u002FCRM systems","Мобильная разработка, AI и системы ERP\u002FCRM","Móvil, IA y sistemas ERP\u002FCRM","Mobiel, AI en ERP\u002FCRM-systemen","caPSPO2BX35G9lEjNb6p3U4uF_V7yh8cexCe6l5hm8Y",{"id":2779,"bio":2780,"expertise":2785,"extension":2506,"links":2480,"meta":2796,"metaDescription":2797,"name":2802,"ogDescription":2805,"photo":2810,"role":2811,"seniority":2628,"skills":2816,"slug":2817,"specialization":2818,"stem":2817,"__hash__":2823},"team_members\u002Fxsox.yaml",{"en":2781,"ru":2782,"es":2783,"nl":2784},"Eugene builds the systems that apps depend on. His background is in backend engineering — designing and running the APIs, data models, and services behind a product, primarily in [Python](\u002Ftechnologies\u002Fpython) and [Django](\u002Ftechnologies\u002Fdjango).\n\nHe also works in [Flutter](\u002Ftechnologies\u002Fflutter), so he can reason about a feature from the database to the device and build the backend so the app that consumes it stays simple.\n","Женя строит системы, на которые опираются приложения. Его основной опыт — бэкенд-инженерия: проектирование и эксплуатация API, моделей данных и сервисов за продуктом, в первую очередь на [Python](\u002Ftechnologies\u002Fpython) и [Django](\u002Ftechnologies\u002Fdjango).\n\nОн также работает с [Flutter](\u002Ftechnologies\u002Fflutter), поэтому может рассуждать о фиче от базы данных до устройства и строить бэкенд так, чтобы потребляющее его приложение оставалось простым.\n","Eugene construye los sistemas de los que dependen las apps. Su trayectoria está en la ingeniería backend: diseñar y operar las APIs, los modelos de datos y los servicios que hay detrás de un producto, principalmente en [Python](\u002Ftechnologies\u002Fpython) y [Django](\u002Ftechnologies\u002Fdjango).\n\nTambién trabaja con [Flutter](\u002Ftechnologies\u002Fflutter), así que puede razonar sobre una funcionalidad desde la base de datos hasta el dispositivo y construir el backend de forma que la app que lo consume siga siendo simple.\n","Eugene bouwt de systemen waar apps op leunen. Zijn achtergrond ligt in backend-engineering: de API's, datamodellen en services achter een product ontwerpen en draaien, vooral in [Python](\u002Ftechnologies\u002Fpython) en [Django](\u002Ftechnologies\u002Fdjango).\n\nHij werkt daarnaast met [Flutter](\u002Ftechnologies\u002Fflutter), zodat hij over een functie kan nadenken van de database tot het toestel en de backend zo kan bouwen dat de app die hem verbruikt eenvoudig blijft.\n",[2786,2791],{"en":2787,"ru":2788,"es":2789,"nl":2790},"API design","Проектирование API","Diseño de APIs","API-ontwerp",{"en":2792,"ru":2793,"es":2794,"nl":2795},"Data modelling","Моделирование данных","Modelado de datos","Datamodellering",{},{"en":2798,"ru":2799,"es":2800,"nl":2801},"Senior backend developer at Nerdy Production building the APIs, data models and services behind our apps, primarily in Python and Django.","Старший бэкенд-разработчик Nerdy Production: API, модели данных и сервисы за нашими приложениями, в первую очередь на Python и Django.","Desarrollador backend senior en Nerdy Production: las APIs, modelos de datos y servicios detrás de nuestras apps, sobre todo en Python y Django.","Senior backenddeveloper bij Nerdy Production die de API's, datamodellen en services achter onze apps bouwt, vooral in Python en Django.",{"en":2803,"ru":2804,"es":2803,"nl":2803},"Eugene Xsox","Женя Xsox",{"en":2806,"ru":2807,"es":2808,"nl":2809},"Senior backend developer at Nerdy Production — the APIs, data models and services our apps run on, mostly in Python and Django.","Старший бэкенд-разработчик Nerdy Production: API, модели данных и сервисы, на которых работают наши приложения, в основном на Python и Django.","Desarrollador backend senior en Nerdy Production: las APIs, modelos de datos y servicios sobre los que corren nuestras apps, en Python y Django.","Senior backenddeveloper bij Nerdy Production — de API's, datamodellen en services waarop onze apps draaien, vooral in Python en Django.","\u002Fteam\u002Fxsox.webp",{"en":2812,"ru":2813,"es":2814,"nl":2815},"Senior Backend Developer","Старший бэкенд-разработчик","Desarrollador backend senior","Senior backenddeveloper",[106,24,41,18,155,160,90,150],"xsox",{"en":2819,"ru":2820,"es":2821,"nl":2822},"Python\u002FDjango backends, plus Flutter","Бэкенды на Python\u002FDjango и Flutter","Backends en Python\u002FDjango, además de Flutter","Backends in Python\u002FDjango, plus Flutter","w_QAKKq_Mh_dtMvAxFpAJBC10PW1I7zgVOxELwRHwO8",[2825,2834,2841,2846,2856],{"id":2826,"extension":2506,"meta":2827,"name":2828,"slug":2832,"stem":2832,"__hash__":2833},"blog_topics\u002Fcybersecurity.yaml",{},{"en":2829,"ru":2830,"es":2831,"nl":2829},"Cybersecurity","Кибербезопасность","Ciberseguridad","cybersecurity","kt1rdsMy5W4b9MvGHm6mZVCr0inHidEuqaosPYmmk4E",{"id":2835,"extension":2506,"meta":2836,"name":2837,"slug":2839,"stem":2839,"__hash__":2840},"blog_topics\u002Fdevops.yaml",{},{"en":2838,"ru":2838,"es":2838,"nl":2838},"DevOps","devops","D3mxlZuFHKCGeszKZuWCiQmHmP5EiCvzg1qEAIQhnyU",{"id":2842,"extension":2506,"meta":2843,"name":2844,"slug":41,"stem":41,"__hash__":2845},"blog_topics\u002Fflutter.yaml",{},{"en":39,"ru":39,"es":39,"nl":39},"OOeALAmwFuEqByuJvTGk4g15FIHENPfYMdpfZh_HTAE",{"id":2847,"extension":2506,"meta":2848,"name":2849,"slug":2854,"stem":2854,"__hash__":2855},"blog_topics\u002Ffor-founders.yaml",{},{"en":2850,"ru":2851,"es":2852,"nl":2853},"For Founders","Для основателей","Para fundadores","Voor oprichters","for-founders","lp2u6Ol2qF4DGxpB83HxbbGzWioT-e40mJhD4lr28-U",{"id":2857,"extension":2506,"meta":2858,"name":2859,"slug":2864,"stem":2864,"__hash__":2865},"blog_topics\u002Fsoftware-engineering.yaml",{},{"en":2860,"ru":2861,"es":2862,"nl":2863},"Software Engineering","Разработка ПО","Ingeniería de software","Software-engineering","software-engineering","aZMb3aUDptoFQk_cEE6l5H4wrYcgZuBYUubmKqOAaaU",{"data":2867,"body":2868},{},{"type":2869,"children":2870},"root",[2871,2878,2896,2907,2933],{"type":2872,"tag":175,"props":2873,"children":2874},"element",{},[2875],{"type":2876,"value":2877},"text","Ilya richtte Nerdy Production op en leidt de engineering. Hij bouwt software sinds 2010 en levert sinds 2018 Flutter in productie.",{"type":2872,"tag":175,"props":2879,"children":2880},{},[2881,2883,2887,2889,2894],{"type":2876,"value":2882},"Daarvoor was hij CTO van QIWI, een van de grootste betaalplatforms van Rusland, waar hij zo'n 12 engineeringteams aanstuurde die reikten van webproducten tot kaartverwerking, ",{"type":2872,"tag":698,"props":2884,"children":2886},{"slug":2885},"pci-dss",[],{"type":2876,"value":2888},"-scope en contactloos betalen — waaronder het bouwen van contactloze kaartbetalingen op Android via ",{"type":2872,"tag":698,"props":2890,"children":2892},{"slug":2891},"host-card-emulation",[2893],{"type":2876,"value":2681},{"type":2876,"value":2895}," over ISO\u002FIEC 14443, met EMV Contactless (Visa PayWave) daarbovenop.",{"type":2872,"tag":175,"props":2897,"children":2898},{},[2899,2901,2905],{"type":2876,"value":2900},"Hij was ook principal developer bij Yandex, waar hij aan Yandex.Auto werkte — native Android diep de auto in brengen, met zware integratie over de CAN-bus via een eigen CAN-shield — en principal bij Evotor, waarvan de kassa-apparaten op een fork van ",{"type":2872,"tag":698,"props":2902,"children":2904},{"slug":2903},"aosp",[],{"type":2876,"value":2906}," draaien, wat hem een blik op Android op laag niveau gaf die de meeste app-ontwikkelaars nooit krijgen.",{"type":2872,"tag":175,"props":2908,"children":2909},{},[2910,2912,2918,2920,2924,2926,2932],{"type":2876,"value":2911},"Vandaag leidt hij de oplevering van de vlaggenschipapps van het bureau — van de grafiekzware fintech-UI van ",{"type":2872,"tag":183,"props":2913,"children":2915},{"href":2914},"\u002Fportfolio\u002Fextraetf",[2916],{"type":2876,"value":2917},"ExtraETF",{"type":2876,"value":2919}," tot het volledig eigen designsysteem van ",{"type":2872,"tag":183,"props":2921,"children":2922},{"href":1824},[2923],{"type":2876,"value":1825},{"type":2876,"value":2925},". Hij schrijft de meeste artikelen op deze blog en onderhoudt het opensourcewerk van het bureau, waaronder de DOCX-naar-PDF-motor ",{"type":2872,"tag":183,"props":2927,"children":2929},{"href":2928},"\u002Fopen-source\u002Fdxpdf",[2930],{"type":2876,"value":2931},"dxpdf",{"type":2876,"value":427},{"type":2872,"tag":175,"props":2934,"children":2935},{},[2936,2938,2943,2945,2950,2951,2956,2957,2962,2963,2968,2969,2974,2975,2980],{"type":2876,"value":2937},"Hij werkt met ",{"type":2872,"tag":183,"props":2939,"children":2941},{"href":2940},"\u002Ftechnologies\u002Fflutter",[2942],{"type":2876,"value":39},{"type":2876,"value":2944},", native iOS en Android, ",{"type":2872,"tag":183,"props":2946,"children":2948},{"href":2947},"\u002Ftechnologies\u002Fgo",[2949],{"type":2876,"value":49},{"type":2876,"value":1263},{"type":2872,"tag":183,"props":2952,"children":2954},{"href":2953},"\u002Ftechnologies\u002Frust",[2955],{"type":2876,"value":124},{"type":2876,"value":1263},{"type":2872,"tag":183,"props":2958,"children":2960},{"href":2959},"\u002Ftechnologies\u002Ftypescript",[2961],{"type":2876,"value":153},{"type":2876,"value":1263},{"type":2872,"tag":183,"props":2964,"children":2966},{"href":2965},"\u002Ftechnologies\u002Fkotlin",[2967],{"type":2876,"value":69},{"type":2876,"value":1263},{"type":2872,"tag":183,"props":2970,"children":2972},{"href":2971},"\u002Ftechnologies\u002Fkubernetes",[2973],{"type":2876,"value":78},{"type":2876,"value":1266},{"type":2872,"tag":183,"props":2976,"children":2978},{"href":2977},"\u002Ftechnologies\u002Fdocker",[2979],{"type":2876,"value":27},{"type":2876,"value":2981},", met de nadruk op applicatiearchitectuur, cross-platform oplevering en het bouwen van teams die opleveren.",[2983,2995,3015,3028,3042,3056,3070,3087,3100,3115,3128,3141,3156,3170,3186,3196,3208,3219,3229,3242,3252,3263,3278,3287,3300,3314,3321,3333,3346,3357,3372,3385,3398,3411,3424,3437,3450,3461,3472,3484,3495,3507,3517,3529,3542,3554,3566,3580,3591,3603,3616,3625,3637],{"slug":2903,"term":2685,"definition":2984,"category":2985,"aliases":2986,"links":2988,"related":2992,"readMore":-1,"target":2993,"hasArticle":2994},"Het Android Open Source Project — Android zonder de Google-laag erbovenop, door iedereen vrij te forken. Kassaterminals, kiosken en autosystemen draaien op forks ervan, en werken op dat niveau legt delen van het OS bloot die een app-ontwikkelaar nooit ziet.","platform",[2987],"Android Open Source Project",[2989],{"kind":2990,"url":2991},"website","https:\u002F\u002Fsource.android.com\u002F",[2891],"\u002Fglossary#aosp",false,{"slug":2996,"term":2997,"definition":2998,"category":2999,"aliases":3000,"links":3005,"related":3011,"readMore":-1,"target":3014,"hasArticle":2994},"gdpr","AVG","De EU-verordening over persoonsgegevens van mensen in de EU: een rechtsgrond om ze te verzamelen, echte toestemming voor tracking, en het recht om ze in te zien en te laten wissen. Ze volgt je gebruikers, niet je servers, en geldt dus ongeacht waar het bedrijf staat ingeschreven.","practice",[3001,3002,3003,3004],"GDPR","General Data Protection Regulation","Algemene verordening gegevensbescherming","gegevensbescherming",[3006,3008],{"kind":2990,"url":3007},"https:\u002F\u002Fgdpr.eu\u002F",{"kind":3009,"url":3010},"wikipedia","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FGeneral_Data_Protection_Regulation",[2885,3012,3013],"soc-2","hipaa","\u002Fglossary#gdpr",{"slug":3016,"term":3017,"definition":3018,"category":2985,"aliases":3019,"links":3020,"related":3024,"readMore":-1,"target":3027,"hasArticle":2994},"app-clips","App Clips","Een Apple-functie die een klein stuk van een iOS-app draait — onder de 15 MB — zonder het geheel te installeren. Te starten via een QR-code, een NFC-tag of een link, voor als de eerste handeling van een gebruiker niet eerst een gang naar de App Store zou moeten vergen.",[],[3021],{"kind":3022,"url":3023},"documentation","https:\u002F\u002Fdeveloper.apple.com\u002Fapp-clips\u002F",[3025,3026],"deep-linking","install-referrer","\u002Fglossary#app-clips",{"slug":3029,"term":3030,"definition":3031,"category":2985,"aliases":3032,"links":3033,"related":3038,"readMore":-1,"target":3041,"hasArticle":2994},"bigquery","BigQuery","Het analytische datawarehouse van Google Cloud. Je laat SQL los op miljarden rijen en het scant ze in seconden, op opslag die losstaat van de machines die de query uitvoeren — en juist dat houdt rapportage en verkenning weg bij de database die het live verkeer bedient.",[],[3034,3036],{"kind":2990,"url":3035},"https:\u002F\u002Fcloud.google.com\u002Fbigquery",{"kind":3009,"url":3037},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FBigQuery",[3039,3040],"object-storage","elasticsearch","\u002Fglossary#bigquery",{"slug":3043,"term":3044,"definition":3045,"category":2999,"aliases":3046,"links":3051,"related":3054,"readMore":-1,"target":3055,"hasArticle":2994},"ci-cd","CI\u002FCD","Automatisering die elke wijziging bouwt, test en uitlevert zonder dat iemand handmatig commando's uitvoert. Op mobiel is het wat van een release een druk op de knop maakt in plaats van een middag wachten tot iemand anders tijd heeft.",[3047,3048,3049,3050],"CI","continuous integration","continuous delivery","continue integratie",[3052],{"kind":3009,"url":3053},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCI\u002FCD",[],"\u002Fglossary#ci-cd",{"slug":3057,"term":3058,"definition":3059,"category":3060,"aliases":3061,"links":3063,"related":3066,"readMore":-1,"target":3069,"hasArticle":2994},"crud","CRUD","Create, read, update, delete — de vier bewerkingen achter zo goed als elk formulier en elk beheerscherm. Verzamelnaam voor de helft van een app die routinematig gegevensbeheer is, tegenover de delen die echte domeinlogica dragen.","architecture",[3062],"Create, Read, Update, Delete",[3064],{"kind":3009,"url":3065},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCreate,_read,_update_and_delete",[3067,3068],"rest","graphql","\u002Fglossary#crud",{"slug":3071,"term":3072,"definition":3073,"category":3060,"aliases":3074,"links":3080,"related":3083,"readMore":-1,"target":3086,"hasArticle":2994},"container-registry","Containerregistry","Een gehoste opslagplaats voor container-images, aangesproken op naam en tag — Docker Hub, GitHub Container Registry, of die van je eigen cloudprovider. Een build daarheen pushen verandert 'werkt op mijn machine' in een image die iedereen ongewijzigd kan pullen en draaien.",[3075,3076,3077,3078,3079],"container registry","image registry","Docker registry","GHCR","ghcr.io",[3081],{"kind":3022,"url":3082},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fpackages\u002Fworking-with-a-github-packages-registry\u002Fworking-with-the-container-registry",[3084,3085],"dev-container","multi-arch-image","\u002Fglossary#container-registry",{"slug":3025,"term":3088,"definition":3089,"category":2985,"aliases":3090,"links":3095,"related":3098,"readMore":3099,"target":3099,"hasArticle":396},"Deep linking","Een link die een specifiek scherm in een geïnstalleerde app opent in plaats van het beginscherm of een webpagina. Deferred deep linking overleeft een installatie, zodat een tik die via de appwinkel loopt alsnog op het juiste scherm landt.",[3091,3092,3093,3094],"deferred deep linking","universal links","Android App Links","diepe links",[3096],{"kind":3009,"url":3097},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FMobile_deep_linking",[3016,3026],"\u002Fglossary\u002Fdeep-linking",{"slug":3084,"term":3101,"definition":3102,"category":2999,"aliases":3103,"links":3108,"related":3113,"readMore":-1,"target":3114,"hasArticle":2994},"Dev Container","Een ontwikkelomgeving die één keer beschreven staat in devcontainer.json — het OS, de tools en de runtimeversies die een project nodig heeft — en die bij iedere bijdrager identiek in een container opent, in plaats van een installatiehandleiding die iedereen anders leest.",[3104,3105,3106,3107],"devcontainer.json","Dev Containers","VS Code Dev Containers","ontwikkelcontainer",[3109,3111],{"kind":2990,"url":3110},"https:\u002F\u002Fcontainers.dev\u002F",{"kind":3022,"url":3112},"https:\u002F\u002Fcode.visualstudio.com\u002Fdocs\u002Fdevcontainers\u002Fcontainers",[3071],"\u002Fglossary#dev-container",{"slug":3116,"term":3117,"definition":3118,"category":3060,"aliases":3119,"links":3123,"related":3126,"readMore":-1,"target":3127,"hasArticle":2994},"floating-point","Drijvende komma","Het binaire IEEE 754-formaat achter double en float. Het kan 0,1 niet exact weergeven, dus 0.1 + 0.2 is 0.30000000000000004 — onzichtbaar in graphics en fataal bij geld, dat thuishoort in gehele kleinste eenheden (centen) of een decimaal type.",[3120,642,3121,3122],"IEEE 754","floating point","zwevende komma",[3124],{"kind":3009,"url":3125},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FIEEE_754",[],"\u002Fglossary#floating-point",{"slug":3040,"term":3129,"definition":3130,"category":2985,"aliases":3131,"links":3134,"related":3139,"readMore":-1,"target":3140,"hasArticle":2994},"Elasticsearch","Een zoek- en analysemachine die records indexeert zodat je ze interactief kunt filteren en doorzoeken in plaats van ze te scannen. Waar je naar grijpt als de vraag 'laat me deze specifieke sessies zien, op zes manieren ingeperkt' is en niet 'tel deze kolom op'.",[3132,3133],"Elastic","ELK",[3135,3137],{"kind":2990,"url":3136},"https:\u002F\u002Fwww.elastic.co\u002Felasticsearch",{"kind":3009,"url":3138},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FElasticsearch",[3029],"\u002Fglossary#elasticsearch",{"slug":3142,"term":3143,"definition":3144,"category":3060,"aliases":3145,"links":3149,"related":3152,"readMore":-1,"target":3155,"hasArticle":2994},"end-to-end-encryption","End-to-end-versleuteling","Versleuteling die op het verzendende apparaat wordt aangebracht en pas op het ontvangende weer wordt weggehaald, zodat de dienst die het bericht vervoert het niet kan lezen — niet na een vordering, niet na een datalek. Het beschermt de inhoud, nooit de metadata.",[3146,3147,3148],"E2EE","end-to-end encryption","end-to-end versleuteld",[3150],{"kind":3009,"url":3151},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FEnd-to-end_encryption",[3153,3154],"tls","jwt","\u002Fglossary#end-to-end-encryption",{"slug":3157,"term":3158,"definition":3159,"category":3060,"aliases":3160,"links":3164,"related":3165,"readMore":-1,"target":3169,"hasArticle":2994},"fan-out","Fan-out","Eén keer uit een bron lezen en elke update afleveren bij iedere client die erop geabonneerd is. De naïeve versie schrijft in een lus naar abonnees en loopt vast zodra één socket traag is; een echte buffert per client en laat vallen wie niet kan bijbenen.",[3161,3162,3163],"fanout","broadcast","uitzending",[],[3166,3167,3168],"websocket","pub-sub","server-sent-events","\u002Fglossary#fan-out",{"slug":3171,"term":3172,"definition":3173,"category":2999,"aliases":3174,"links":3178,"related":3181,"readMore":-1,"target":3185,"hasArticle":2994},"feature-flags","Feature flags","Schakelaars die functionaliteit aan- of uitzetten vanuit configuratie in plaats van vanuit een release. Ze laten één binary zich per merk, markt of gebruiker anders gedragen, en laten je een riskante functie uitzetten zonder een nieuwe build door de review te sturen.",[3175,3176,3177],"feature flag","feature toggle","functieschakelaar",[3179],{"kind":3009,"url":3180},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FFeature_toggle",[3182,3183,3184],"staged-rollout","white-label","multi-tenancy","\u002Fglossary#feature-flags",{"slug":3182,"term":3187,"definition":3188,"category":2999,"aliases":3189,"links":3193,"related":3194,"readMore":-1,"target":3195,"hasArticle":2994},"Gefaseerde uitrol","Een build eerst naar een klein percentage gebruikers uitbrengen en pas verbreden als het crashvrije percentage standhoudt. Een slechte build die je bij tien procent betrapt is een slechte middag; dezelfde build bij honderd procent is een slechte week.",[3190,3191,3192],"staged rollout","gefaseerde release","canary release",[],[3171,3043],"\u002Fglossary#staged-rollout",{"slug":700,"term":3197,"definition":3198,"category":2999,"aliases":3199,"links":3203,"related":3206,"readMore":-1,"target":3207,"hasArticle":2994},"Golden test","Een test die een widget rendert en het resultaat pixel voor pixel vergelijkt met een opgeslagen referentiebeeld. In Flutter is het de goedkoopste manier om te zien of een herontwerp de empty state brak op 320pt, in donkere modus, bij 200% tekstgrootte.",[3200,3201,3202],"golden tests","screenshottest","snapshottest",[3204],{"kind":3022,"url":3205},"https:\u002F\u002Fapi.flutter.dev\u002Fflutter\u002Fflutter_test\u002FmatchesGoldenFile.html",[3043],"\u002Fglossary#golden-test",{"slug":3068,"term":3209,"definition":3210,"category":3060,"aliases":3211,"links":3212,"related":3217,"readMore":-1,"target":3218,"hasArticle":2994},"GraphQL","Een querytaal voor API's waarin de client precies de velden benoemt die hij wil en één antwoord terugkrijgt dat daarop past. Het haalt de over-fetching weg waar REST-endpoints naar afglijden, en voegt er een eigen faalmodus aan toe: een onbegrensde query die het hele datamodel afloopt.",[],[3213,3215],{"kind":2990,"url":3214},"https:\u002F\u002Fgraphql.org\u002F",{"kind":3009,"url":3216},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FGraphQL",[3067],"\u002Fglossary#graphql",{"slug":3013,"term":3220,"definition":3221,"category":2999,"aliases":3222,"links":3224,"related":3227,"readMore":-1,"target":3228,"hasArticle":2994},"HIPAA","De Amerikaanse wet over beschermde gezondheidsinformatie — hoe die opgeslagen, verstuurd, gelogd en gedeeld mag worden. Net als PCI-DSS is het een architectuurkeuze aan het begin, geen beleidsstuk dat je vlak voor de lancering toevoegt.",[3223],"Health Insurance Portability and Accountability Act",[3225],{"kind":3009,"url":3226},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FHealth_Insurance_Portability_and_Accountability_Act",[2885,2996,3012],"\u002Fglossary#hipaa",{"slug":3230,"term":3231,"definition":3232,"category":3060,"aliases":3233,"links":3236,"related":3239,"readMore":-1,"target":3241,"hasArticle":2994},"headless-cms","Headless CMS","Een contentsysteem met een redactieomgeving en een API, maar zonder eigen front-end. Redacteuren publiceren op één plek, en de site of app rendert die content zelf — zodat de presentatielaag van jou is en niet van de CMS-leverancier.",[3234,3235],"headless contentmanagementsysteem","content-API",[3237],{"kind":3009,"url":3238},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FHeadless_content_management_system",[3240,3067],"server-side-rendering","\u002Fglossary#headless-cms",{"slug":2891,"term":2681,"definition":3243,"category":2985,"aliases":3244,"links":3247,"related":3250,"readMore":-1,"target":3251,"hasArticle":2994},"Een Android-telefoon zich in software laten gedragen als een contactloze kaart via NFC, zonder secure element in hardware. Zo betaalt een wallet-app bij een terminal: de telefoon spreekt hetzelfde contactloze EMV-protocol als de plastic kaart zou hebben gedaan.",[3245,2683,3246],"HCE","contactloos betalen",[3248],{"kind":3022,"url":3249},"https:\u002F\u002Fdeveloper.android.com\u002Fdevelop\u002Fconnectivity\u002Fnfc\u002Fhce",[2885,2903],"\u002Fglossary#host-card-emulation",{"slug":3253,"term":3254,"definition":3255,"category":2985,"aliases":3256,"links":3257,"related":3260,"readMore":-1,"target":3262,"hasArticle":2994},"impeller","Impeller","De renderengine die Flutter vandaag gebruikt, standaard op iOS sinds 2023 en op Android sinds 2024. Hij compileert zijn shaders vooraf in plaats van tijdens de eerste animatie, wat de shader-jank wegnam die Flutters zichtbaarste productieprobleem was.",[],[3258],{"kind":3022,"url":3259},"https:\u002F\u002Fdocs.flutter.dev\u002Fperf\u002Fimpeller",[3261],"skia","\u002Fglossary#impeller",{"slug":3264,"term":3265,"definition":3266,"category":3267,"aliases":3268,"links":3272,"related":3275,"readMore":-1,"target":3277,"hasArticle":2994},"in-app-purchase","In-app-aankoop","Digitale goederen of een abonnement verkopen via de Apple- of Google-billing die beide winkels verplicht stellen voor digitale content en waarover ze commissie rekenen. Het moeilijke is nooit de aankoop; het is het herstellen ervan op een nieuw toestel en de rechten kloppend houden.","business",[3269,3270,3271],"IAP","in-app purchase","in-app-abonnement",[3273],{"kind":3022,"url":3274},"https:\u002F\u002Fdeveloper.apple.com\u002Fin-app-purchase\u002F",[3276],"product-market-fit","\u002Fglossary#in-app-purchase",{"slug":3026,"term":3279,"definition":3280,"category":2985,"aliases":3281,"links":3282,"related":3285,"readMore":-1,"target":3286,"hasArticle":2994},"Install Referrer","Een Google Play-API die een net geïnstalleerde Android-app de campagneparameters overhandigt van de link die tot de installatie leidde. De Android-helft van deferred deep linking, en de betrouwbare manier om te weten waar een gebruiker vandaan kwam.",[],[3283],{"kind":3022,"url":3284},"https:\u002F\u002Fdeveloper.android.com\u002Fgoogle\u002Fplay\u002Finstallreferrer",[3025,3016],"\u002Fglossary#install-referrer",{"slug":3154,"term":3288,"definition":3289,"category":3290,"aliases":3291,"links":3293,"related":3298,"readMore":-1,"target":3299,"hasArticle":2994},"JWT","Een ondertekend token dat zijn eigen claims meedraagt, zodat een server kan zien bij wie een verzoek hoort zonder een sessie op te zoeken. Standaard voor mobiele authenticatie. De handtekening bewijst dat er niets is gewijzigd; ze verbergt niet wat erin staat.","protocol",[3292],"JSON Web Token",[3294,3296],{"kind":2990,"url":3295},"https:\u002F\u002Fjwt.io\u002F",{"kind":3009,"url":3297},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FJSON_Web_Token",[2885],"\u002Fglossary#jwt",{"slug":3301,"term":3302,"definition":3303,"category":2999,"aliases":3304,"links":3309,"related":3312,"readMore":-1,"target":3313,"hasArticle":2994},"kyc","KYC","Know Your Customer — de identiteitscontroles die een gereguleerd financieel product uitvoert voordat het iemand geld laat verplaatsen: documentscans, liveness, sanctie- en witwascontroles. Het bepaalt de onboarding sterker dan welke ontwerpkeuze ook.",[3305,3306,3307,3308],"Know Your Customer","AML","KYC\u002FAML","witwascontrole",[3310],{"kind":3009,"url":3311},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FKnow_your_customer",[2885,2996],"\u002Fglossary#kyc",{"slug":76,"term":74,"definition":3315,"category":2985,"aliases":3316,"links":3318,"related":3319,"readMore":3320,"target":3320,"hasArticle":2994},"Bedrijfslogica geschreven in Kotlin delen tussen Android, iOS en de server, terwijl elk platform zijn eigen native UI houdt. Het alternatief voor Flutter wanneer de interface native moet zijn maar de regels erachter niet.",[3317],"KMP",[],[],"\u002Ftechnologies\u002Fkmp",{"slug":3322,"term":3323,"definition":3324,"category":3267,"aliases":3325,"links":3328,"related":3331,"readMore":-1,"target":3332,"hasArticle":2994},"mvp","MVP","De kleinste versie van een product die je aan echte gebruikers kunt uitbrengen en die nog steeds de vraag beantwoordt waarvoor je het bouwde. Een besluit over scope, niet over kwaliteit — een MVP moet nog altijd werken.",[3326,3327],"minimum viable product","minimaal levensvatbaar product",[3329],{"kind":3009,"url":3330},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FMinimum_viable_product",[3183],"\u002Fglossary#mvp",{"slug":3085,"term":3334,"definition":3335,"category":3060,"aliases":3336,"links":3341,"related":3344,"readMore":-1,"target":3345,"hasArticle":2994},"Multi-architectuur-image","Eén image-tag die per CPU-architectuur naar andere binaries verwijst — linux\u002Famd64 en linux\u002Farm64 zijn het gebruikelijke paar — zodat dezelfde docker pull ongewijzigd werkt op Intel- en AMD-servers en op Apple Silicon-laptops.",[3337,3338,3339,3340],"multi-arch build","multi-arch image","multi-platform image","linux\u002Famd64 + linux\u002Farm64",[3342],{"kind":3022,"url":3343},"https:\u002F\u002Fdocs.docker.com\u002Fbuild\u002Fbuilding\u002Fmulti-platform\u002F",[3071],"\u002Fglossary#multi-arch-image",{"slug":3184,"term":3347,"definition":3348,"category":3060,"aliases":3349,"links":3352,"related":3355,"readMore":-1,"target":3356,"hasArticle":2994},"Multi-tenancy","Eén deployment die veel klanten bedient, waarbij elke klant alleen zijn eigen data, configuratie en ingeschakelde functies ziet doordat de tenantcontext per verzoek wordt bepaald. Het is wat een vloot merkapps één product maakt in plaats van veel forks.",[3350,3351],"multi-tenant","tenant",[3353],{"kind":3009,"url":3354},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FMultitenancy",[3183,3171],"\u002Fglossary#multi-tenancy",{"slug":3358,"term":3359,"definition":3360,"category":3290,"aliases":3361,"links":3365,"related":3370,"readMore":-1,"target":3371,"hasArticle":2994},"oauth","OAuth","De standaard achter Inloggen met Apple, Google en de rest: de gebruiker geeft je app toestemming bij een aanbieder die hij al vertrouwt, en je app krijgt een token in plaats van zijn wachtwoord. Niemand hoeft nieuwe inloggegevens te verzinnen en jij bewaart ze nergens.",[3362,3363,3364],"OAuth 2.0","social login","Inloggen met Apple",[3366,3368],{"kind":2990,"url":3367},"https:\u002F\u002Foauth.net\u002F2\u002F",{"kind":3009,"url":3369},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FOAuth",[3154],"\u002Fglossary#oauth",{"slug":3039,"term":3373,"definition":3374,"category":3060,"aliases":3375,"links":3380,"related":3383,"readMore":-1,"target":3384,"hasArticle":2994},"Objectopslag","Opslag die een heel bestand onder een sleutel bewaart in plaats van in een mappenboom — Amazon S3 en de vele diensten die zijn API spreken. Goedkoop, praktisch onbeperkt, en de gebruikelijke plek voor ruwe events, back-ups en media: eenmaal geschreven, zelden gelezen, eeuwig bewaard.",[3376,3377,3378,3379],"S3","S3-compatibele opslag","object storage","blob storage",[3381],{"kind":3009,"url":3382},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FObject_storage",[3029],"\u002Fglossary#object-storage",{"slug":2885,"term":3386,"definition":3387,"category":2999,"aliases":3388,"links":3391,"related":3396,"readMore":-1,"target":3397,"hasArticle":2994},"PCI-DSS","De beveiligingsstandaard van de kaartindustrie die iedereen bindt die kaartgegevens opslaat, verwerkt of verstuurt. De meeste apps blijven er bewust buiten door de kaartinvoer over te laten aan een gecertificeerde betaaldienstverlener.",[3389,3390],"PCI DSS","Payment Card Industry Data Security Standard",[3392,3394],{"kind":2990,"url":3393},"https:\u002F\u002Fwww.pcisecuritystandards.org\u002F",{"kind":3009,"url":3395},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPayment_Card_Industry_Data_Security_Standard",[3154],"\u002Fglossary#pci-dss",{"slug":3399,"term":3400,"definition":3401,"category":2985,"aliases":3402,"links":3406,"related":3409,"readMore":-1,"target":3410,"hasArticle":2994},"platform-channels","Platform channels","De brug waarmee een Flutter-app native iOS- en Android-code aanroept — Keychain en Keystore, biometrie, betaalschermen, elke SDK zonder Dart-pakket. Routinewerk maar echt werk, en de eerste plek waar een engineer die nooit buiten Dart kwam vastloopt.",[3403,3404,3405],"platform channel","method channel","platformkanaal",[3407],{"kind":3022,"url":3408},"https:\u002F\u002Fdocs.flutter.dev\u002Fplatform-integration\u002Fplatform-channels",[76],"\u002Fglossary#platform-channels",{"slug":3412,"term":3413,"definition":3414,"category":3290,"aliases":3415,"links":3419,"related":3422,"readMore":-1,"target":3423,"hasArticle":2994},"post-quantum-cryptography","Post-quantumcryptografie","Versleutelingsalgoritmen die veilig moeten blijven tegen een toekomstige quantumcomputer, inmiddels gestandaardiseerd door NIST. De migratie is nu al dringend, nog vóór die hardware bestaat, omdat verkeer dat vandaag wordt onderschept later alsnog te ontsleutelen valt.",[3416,3417,3418],"PQC","post-quantum cryptography","postkwantumcryptografie",[3420],{"kind":3009,"url":3421},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPost-quantum_cryptography",[3153,3142],"\u002Fglossary#post-quantum-cryptography",{"slug":3276,"term":3425,"definition":3426,"category":3267,"aliases":3427,"links":3431,"related":3434,"readMore":-1,"target":3436,"hasArticle":2994},"Product-market fit","Het punt waarop een product aantoonbaar mensen heeft gevonden die het willen — ze gebruiken het, komen terug en betalen. Daarvoor beantwoordt engineering een vraag; daarna bedient engineering de vraag.",[3428,3429,3430],"PMF","product\u002Fmarket fit","productmarktfit",[3432],{"kind":3009,"url":3433},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FProduct-market_fit",[3322,3435],"time-to-market","\u002Fglossary#product-market-fit",{"slug":3438,"term":3439,"definition":3440,"category":2999,"aliases":3441,"links":3444,"related":3447,"readMore":-1,"target":3449,"hasArticle":2994},"prompt-injection","Prompt injection","Een aanval waarbij tekst van een gebruiker door een taalmodel als instructie wordt gelezen in plaats van als data, en het model zo om zijn eigen regels heen wordt gestuurd. De LLM-variant van SQL-injectie, en hij duikt overal op waar gebruikersinvoer in een prompt wordt geplakt.",[3442,3443],"injectieaanval","injection attack",[3445],{"kind":3009,"url":3446},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPrompt_injection",[3448],"rate-limiting","\u002Fglossary#prompt-injection",{"slug":3167,"term":3451,"definition":3452,"category":3060,"aliases":3453,"links":3456,"related":3459,"readMore":-1,"target":3460,"hasArticle":2994},"Pub\u002FSub","Een berichtenpatroon waarin een producent een gebeurtenis publiceert en willekeurig veel consumenten die elk voor zich lezen, met een broker ertussen. De producent wacht nooit op ze, en zo blijft een verzoekpad snel terwijl het tragere werk erachter gebeurt.",[3454,3455],"publish\u002Fsubscribe","Google Cloud Pub\u002FSub",[3457],{"kind":3009,"url":3458},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPublish%E2%80%93subscribe_pattern",[],"\u002Fglossary#pub-sub",{"slug":3067,"term":3462,"definition":3463,"category":3060,"aliases":3464,"links":3467,"related":3470,"readMore":-1,"target":3471,"hasArticle":2994},"REST","De gangbare stijl voor HTTP-API's: een URL benoemt een resource en het HTTP-werkwoord zegt wat ermee moet gebeuren. De standaardmanier waarop een app met een backend praat, en wat de meeste externe integraties verwachten aan te treffen.",[3465,3466],"REST API","Representational State Transfer",[3468],{"kind":3009,"url":3469},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FREST",[3166,3168],"\u002Fglossary#rest",{"slug":3448,"term":3473,"definition":3474,"category":2999,"aliases":3475,"links":3479,"related":3482,"readMore":-1,"target":3483,"hasArticle":2994},"Rate limiting","Een bovengrens op het aantal verzoeken dat één aanroeper binnen een bepaald venster mag doen. Het houdt tegen dat één enthousiaste gebruiker, een scraper of een bot in een middag een maand aan betaald API-budget opmaakt, en het moet aan jouw kant van de integratie staan.",[3476,3477,3478],"rate limit","throttling","verzoeklimiet",[3480],{"kind":3009,"url":3481},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FRate_limiting",[3438],"\u002Fglossary#rate-limiting",{"slug":3012,"term":3485,"definition":3486,"category":2999,"aliases":3487,"links":3490,"related":3493,"readMore":-1,"target":3494,"hasArticle":2994},"SOC 2","Een rapport van een externe auditor over hoe een organisatie met klantgegevens omgaat — beveiliging, beschikbaarheid, vertrouwelijkheid — en niet een certificaat dat je koopt. Zakelijke kopers vragen erom, en het beperkt de architectuur lang voordat de audit dat doet.",[3488,3489],"SOC2","System and Organization Controls",[3491],{"kind":3009,"url":3492},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FSystem_and_Organization_Controls",[2885,2996,3013],"\u002Fglossary#soc-2",{"slug":3496,"term":3497,"definition":3498,"category":3267,"aliases":3499,"links":3502,"related":3505,"readMore":-1,"target":3506,"hasArticle":2994},"saas","SaaS","Software die als doorlopend abonnement op een gehost product wordt verkocht in plaats van als eenmalige licentie die de klant zelf installeert en draait. De leverancier beheert de servers, levert doorlopend updates en factureert per gebruiker of per verbruik.",[3500,3501],"Software as a Service","software-as-a-service",[3503],{"kind":3009,"url":3504},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FSoftware_as_a_service",[3184,3183],"\u002Fglossary#saas",{"slug":3168,"term":3508,"definition":3509,"category":3290,"aliases":3510,"links":3512,"related":3515,"readMore":-1,"target":3516,"hasArticle":2994},"Server-Sent Events","Een eenrichtingsstroom van server naar client over een gewone HTTP-verbinding. Eenvoudiger dan een WebSocket en het volstaat overal waar alleen de server iets te melden heeft — een voortgangsfeed, een AI-antwoord dat token voor token binnenkomt.",[3511],"SSE",[3513],{"kind":3009,"url":3514},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FServer-sent_events",[3166,3067],"\u002Fglossary#server-sent-events",{"slug":3240,"term":3518,"definition":3519,"category":3060,"aliases":3520,"links":3524,"related":3527,"readMore":-1,"target":3528,"hasArticle":2994},"Server-side rendering","Een pagina op de server als kant-en-klare HTML opbouwen, zodat het eerste antwoord de inhoud, koppen, metatags en gestructureerde data al meedraagt. Crawlers, linkvoorbeelden en trage apparaten lezen dat zonder JavaScript uit te voeren.",[3521,3522,3523],"SSR","server-rendered","renderen op de server",[3525],{"kind":3009,"url":3526},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FServer-side_scripting",[3230],"\u002Fglossary#server-side-rendering",{"slug":3261,"term":3530,"definition":3531,"category":2985,"aliases":3532,"links":3535,"related":3540,"readMore":-1,"target":3541,"hasArticle":2994},"Skia","De opensource 2D-graphicsbibliotheek van Google die Chrome, Android en — tot Impeller — elk Flutter-frame tekent. Ze rendert net zo goed naar PDF als naar een scherm, en dat is wat print-naar-PDF in Chrome doet.",[3533,3534],"Skia Graphics Engine","skia-safe",[3536,3538],{"kind":2990,"url":3537},"https:\u002F\u002Fskia.org\u002F",{"kind":3009,"url":3539},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FSkia_Graphics_Engine",[3253],"\u002Fglossary#skia",{"slug":3543,"term":2492,"definition":3544,"category":3060,"aliases":3545,"links":3549,"related":3552,"readMore":-1,"target":3553,"hasArticle":2994},"state-management","Hoe een app bepaalt waar een waarde leeft, wie hem mag wijzigen en welke delen van het scherm opnieuw tekenen als dat gebeurt. In Flutter is de keuze tussen Riverpod, BLoC en Provider een van de eerste architectuurbesluiten en het lastigst te herzien.",[3546,3547,3548],"statemanagement","BLoC","Riverpod",[3550],{"kind":3022,"url":3551},"https:\u002F\u002Fdocs.flutter.dev\u002Fdata-and-backend\u002Fstate-mgmt\u002Foptions",[700],"\u002Fglossary#state-management",{"slug":3153,"term":3555,"definition":3556,"category":3290,"aliases":3557,"links":3561,"related":3564,"readMore":-1,"target":3565,"hasArticle":2994},"TLS","De versleutelingslaag onder HTTPS. Ze bewijst dat de server is wie zijn certificaat zegt, spreekt een verse sleutel voor de sessie af en versleutelt alles daarna — zodat het netwerk ertussen alleen cijfertekst ziet die het niet stiekem kan wijzigen.",[3558,3559,3560],"SSL","HTTPS","Transport Layer Security",[3562],{"kind":3009,"url":3563},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FTransport_Layer_Security",[3142,3154],"\u002Fglossary#tls",{"slug":3567,"term":3568,"definition":3569,"category":3267,"aliases":3570,"links":3576,"related":3577,"readMore":-1,"target":3579,"hasArticle":2994},"staff-augmentation","Teamuitbreiding","Een inhuurmodel waarbij engineers van een externe partner bij je team komen en onder jouw aansturing werken — in jouw repository, jouw sprints, jouw proces — in plaats van een eigen project op te leveren. Je koopt capaciteit; de code en de context blijven bij jou.",[3571,3572,3573,3574,3575],"staff augmentation","team augmentation","dedicated developers","outstaffing","teamversterking",[],[3578,3435],"total-cost-of-ownership","\u002Fglossary#staff-augmentation",{"slug":3435,"term":3581,"definition":3582,"category":3267,"aliases":3583,"links":3586,"related":3589,"readMore":-1,"target":3590,"hasArticle":2994},"Time to market","Hoe lang het duurt om een product van besluit naar echte gebruikers te krijgen. De meeste discussies over stack en scope gaan eigenlijk over dit getal, want elke gewonnen week is een week omzet, feedback en concurrentiepositie.",[3584,3435,3585],"TTM","doorlooptijd tot de markt",[3587],{"kind":3009,"url":3588},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FTime_to_market",[3322,3578],"\u002Fglossary#time-to-market",{"slug":3578,"term":3592,"definition":3593,"category":3267,"aliases":3594,"links":3598,"related":3601,"readMore":-1,"target":3602,"hasArticle":2994},"Total cost of ownership","Wat een product over zijn hele leven kost in plaats van alleen de bouw: onderhoud, upgrades, jaarlijkse OS- en winkelmigraties, en het tweede team dat je aanneemt om twee codebases gelijk te houden. Meestal groter dan de bouwofferte, en er vrijwel nooit in opgenomen.",[3595,3596,3597],"TCO","kosten van eigenaarschap","totale eigendomskosten",[3599],{"kind":3009,"url":3600},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FTotal_cost_of_ownership",[3435],"\u002Fglossary#total-cost-of-ownership",{"slug":3604,"term":2500,"definition":3605,"category":3290,"aliases":3606,"links":3608,"related":3613,"readMore":-1,"target":3615,"hasArticle":2994},"webrtc","De standaard voor browsers en mobiel om audio, video en data rechtstreeks tussen twee apparaten te sturen, waarbij servers er alleen aan te pas komen om ze aan elkaar voor te stellen. Hierop is een videogesprek in een app gebouwd, tenzij er een gehuurde SDK onder zit.",[3607],"Web Real-Time Communication",[3609,3611],{"kind":2990,"url":3610},"https:\u002F\u002Fwebrtc.org\u002F",{"kind":3009,"url":3612},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FWebRTC",[3614,3166],"xmpp","\u002Fglossary#webrtc",{"slug":3166,"term":3617,"definition":3618,"category":3290,"aliases":3619,"links":3620,"related":3623,"readMore":-1,"target":3624,"hasArticle":2994},"WebSocket","Een protocol dat één verbinding openhoudt tussen client en server, zodat beide kanten op elk moment kunnen sturen in plaats van dat de client keer op keer vraagt. Waar live koersen, chat en aanwezigheidsindicatoren op draaien.",[],[3621],{"kind":3009,"url":3622},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FWebSocket",[3168,3067],"\u002Fglossary#websocket",{"slug":3183,"term":3626,"definition":3627,"category":3267,"aliases":3628,"links":3632,"related":3635,"readMore":3636,"target":3636,"hasArticle":396},"White-label","Eén product dat onder veel merken wordt uitgebracht. Een white-label platform voor mobiel bouwt elke klant een winkelklare app met een eigen naam, ontwerp en content vanuit één gedeelde codebase, in plaats van het project per klant te forken.",[3629,3630,3631],"white label","multi-tenant app","merkloos product",[3633],{"kind":3009,"url":3634},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FWhite-label_product",[3322],"\u002Fglossary\u002Fwhite-label",{"slug":3614,"term":3638,"definition":3639,"category":3290,"aliases":3640,"links":3643,"related":3648,"readMore":-1,"target":3649,"hasArticle":2994},"XMPP","Een open, gefedereerd berichtenprotocol, en al lang het alternatief voor zelf een chatbackend schrijven of er een huren. Het dekt ook aanwezigheid, typindicatoren en bestandsoverdracht, en het is oud genoeg dat elk platform een volwassen clientbibliotheek heeft.",[3641,3642],"Jabber","Extensible Messaging and Presence Protocol",[3644,3646],{"kind":2990,"url":3645},"https:\u002F\u002Fxmpp.org\u002F",{"kind":3009,"url":3647},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FXMPP",[3604,3166],"\u002Fglossary#xmpp"]