# User Interfaces User interfaces is a software and computing discipline concerning the design and development of interactive systems, including model-based UI terminology and UI source code. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions DevFeed: [Build intelligent Android apps: Integrate into Android's intelligence system using AppFunctions]() Original publisher: [Read original article]() Author: Android Developers (noreply@blogger.com) Published: 2026-07-21T13:00:00Z Content type: tutorial Language: en Sources: [Android Developers Blog]() Topics: [Android](), [App](), [Artificial Intelligence](), [Development](), [Code](), [Mobile](), [User Interfaces](), [Firebase]() Tags: [agent](), [agentic](), [ai](), [android](), [android-apps](), [apps](), [code](), [development](), [how-to](), [mobile](), [user-interfaces]() ### AI overview This tutorial explains how to integrate Android AppFunctions into the JetPacker travel-planning app. It shows how privileged on-device agents can perform tasks such as logging expenses, managing itineraries, and capturing notes through voice or text commands, including background access that can simplify multitasking. ### Source excerpt Posted by Ben Weiss, Senior Developer Relations Engineer, Android Developer Relations Welcome back to the blog post series "Build intelligent Android apps" where we take a basic Android app and transform it into a personalized, intelligent, and agentic experience. In our previous post, we explored how to leverage Firebase AI Logic to build cloud-hosted and hybrid AI features. Traditional mobile UIs excel at focused, hands-on tasks, and the Android intelligence system is introducing complementary features to make complex, multi-step actions even easier. By supplementing traditional user interfaces, AppFunctions provide a powerful new entry point: A privileged agent on the device can access app features in the background. This can be particularly helpful when users are driving, walking or otherwise multitasking. In this article, we'll show you how we designed and integrated these capabilities into our travel planning app, JetPacker, using Android AppFunctions. We'll explore the rationale behind our feature choices, discuss the specialized tooling we used to accelerate development, and dive into the code that makes it all work. Designing AI-ready features: making choices that matter for your users To select which features to provide to the intelligence system, we looked for tasks where a voice or text command is objectively faster than tapping through screens. In this side-by-side screen recording you can see this contrast perfectly: on the left, a user tapping through multiple screens to log an expense; on the right, the same task completed instantly in the background via a privileged agent. Our first choice was expense tracking. Logging a coffee expense during a trip usually takes quite a few taps--unlocking the phone, opening the app, finding the active trip, navigating to the expenses tab, tapping the add button, taking a picture of the receipt, and checking the result. By providing the addExpense and getExpenses features as AppFunctions, the system agent handles th ## 3 Questions: Neural transparency and the future of AI design DevFeed: [3 Questions: Neural transparency and the future of AI design]() Original publisher: [Read original article]() Author: Media Lab Published: 2026-07-15T20:25:00Z Content type: article Language: en Sources: [MIT AI News]() Topics: [Artificial Intelligence](), [Neural Network](), [User Interfaces](), [interface](), [Language models]() Tags: [3-questions](), [ai](), [ai-companion](), [ai-empathy](), [ai-hallucinations](), [ai-personalization](), [ai-safety](), [ai-sycophancy](), [ai-toxicity](), [algorithms](), [anthony-baez](), [apps](), [artificial-intelligence](), [behavioral-prediction](), [character-ai](), [chatbot-behavior](), [computer-science-and-technology](), [data](), [ethics](), [faculty](), [human-ai-interaction](), [human-computer-interaction](), [interface](), [interview](), [language-models](), [large-language-models](), [machine-learning](), [mechanistic-interpretability](), [media-lab](), [mental-health](), [mit-faculty-interview](), [mit-media-lab](), [neural](), [neural-transparency](), [pat-pataranutaporn](), [persona-scores](), [persona-vectors](), [personalized-ai](), [research](), [safety](), [school-of-architecture-and-planning](), [sheer-karny](), [sunburst-visualization](), [technology-and-society](), [transparency](), [users]() ### AI overview An MIT Media Lab team introduces "neural transparency," an interface that visualizes internal patterns in AI models to help users anticipate how personalized chatbots may behave. The approach compares model activations associated with contrasting traits such as empathy, honesty, toxicity, hallucination, and sycophancy, then maps custom system prompts onto those behavior directions. ### Source excerpt Assistant Professor Pat Pataranutaporn describes a new interface that lets everyday users glimpse inside an AI's neural network before their chatbot ever says a word. ## How Design Systems Help Designers Work More Effectively on Agile Teams DevFeed: [How Design Systems Help Designers Work More Effectively on Agile Teams]() Original publisher: [Read original article]() Author: Paivi Salminen Published: 2026-06-18T04:35:20Z Content type: article Language: en Sources: [UX Magazine]() Topics: [Agile](), [Design system](), [User experience (UX)](), [User Interfaces]() Tags: [agile](), [components](), [consistency](), [design](), [design-system](), [design-systems](), [interface](), [teams](), [ux]() ### AI overview The article examines how agile teams' continuous feature work can leave designers with too little time. It explains that design systems reduce repetitive visual-design decisions and help designers focus more on how interfaces support users' goals. ### Source excerpt One of the most common complaints designers have about working on agile teams is the feeling that there's never enough time. There's always another feature to design. Another sprint is starting. Another ticket is waiting for input. Even when a feature ships, the work doesn't necessarily stop. Agile teams are supposed to observe how the The post The Agile Trap Designers Fall into: Feeding the Beast appeared first on UX Magazine. ## Workflow Streams: Live interactivity for agents and other applications DevFeed: [Workflow Streams: Live interactivity for agents and other applications]() Original publisher: [Read original article]() Author: Johann Schleier-Smith Published: 2026-06-17T00:00:00Z Content type: release Language: en Sources: [Temporal Blog]() Topics: [Streaming](), [User Interfaces](), [Library](), [clients](), [Artificial Intelligence]() Tags: [agents](), [product-news](), [sdk](), [streaming](), [streams](), [typescript](), [ui]() ### AI overview Temporal introduces Workflow Streams, a durable streams abstraction for building interactive UIs with incremental updates. The feature supports AI-agent status, reasoning, tool-call, and generated-text updates, and is in Public Preview for Python and TypeScript. ### Source excerpt Workflow Streams brings durable interactivity to Temporal. You get stream agent reasoning, tool calls, and status updates to any UI. ## Agentic Testing: Where Agents Fit in the E2E Testing Stack DevFeed: [Agentic Testing: Where Agents Fit in the E2E Testing Stack]() Original publisher: [Read original article]() Author: Sergii Gorbachov Published: 2026-06-11T14:15:28Z Content type: article Language: en Sources: [Engineering at Slack]() Topics: [Playwright](), [Model Context Protocol](), [large-language-models](), [User Interfaces]() Tags: [agentic](), [agents](), [automation-testing](), [browser](), [code](), [cost](), [developer-productivity](), [e2e-testing](), [innovation](), [language-models](), [large-language-models](), [mcp](), [speed](), [testing](), [uncategorized](), [workflow]() ### AI overview The article examines agent-driven end-to-end testing as an exploratory complement to deterministic tests. Based on more than 200 runs using Playwright MCP, Playwright CLI, and agent-generated Playwright tests, it compares how agents pursue goals through variable UI paths and considers reliability, execution time, and cost. ### Source excerpt Abstract Agent-driven end-to-end (E2E) tests add a new exploratory layer to testing, but should they replace traditional deterministic tests? We ran more than 200 agentic E2E workflows using the Playwright MCP, Playwright CLI, and agent-generated Playwright tests in test workspaces using non-production data to find out how agentic testing could fit into both our and... ## Reimagining the mouse pointer for the AI era DevFeed: [Reimagining the mouse pointer for the AI era]() Original publisher: [Read original article]() Author: Adrien Baranes; Rob Marchant Published: 2026-03-29T10:50:49Z Content type: article Language: en Sources: [Google DeepMind News]() Topics: [Artificial Intelligence](), [User Interfaces](), [Google AI](), [Google](), [GUI]() Tags: [ai](), [chrome](), [gemini](), [google](), [google-ai](), [research](), [user-interfaces]() ### AI overview Google DeepMind explores an AI-enabled mouse pointer that understands the context and purpose of what users point at. Powered by Gemini, the experimental concept aims to make AI collaboration more seamless across websites, documents, workflows, Chrome, and tools such as Google AI Studio. ### Source excerpt Google DeepMind is transforming the mouse pointer into a context-aware AI partner. Move beyond the friction of traditional prompting with intuitive AI collaboration in Chrome and beyond. ## Design's influence is expanding, and here's why that feels hard DevFeed: [Design's influence is expanding, and here's why that feels hard]() Original publisher: [Read original article]() Author: Andrew Hogan Published: 2026-03-17T19:30:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [User Interfaces]() Tags: [ai](), [design](), [designer](), [research](), [survey]() ### AI overview Figma examines how AI is expanding design's scope and changing expectations, work patterns, hiring, and professional roles. Its 2026 survey found designers were nearly evenly split on whether the profession had improved, worsened, or stayed the same. ### Source excerpt As AI accelerates creation and raises expectations, designers are navigating a field that's bigger, faster, and more demanding than ever. ## Is the app layer where AI proves its value? DevFeed: [Is the app layer where AI proves its value?]() Original publisher: [Read original article]() Author: Andrew Hogan Published: 2025-09-12T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [App](), [Generative AI](), [GUI](), [Large Language Model](), [User Interfaces](), [browsers](), [Web](), [Microsoft](), [Figma]() Tags: [ai](), [app](), [artificial-intelligence](), [browsers](), [figma](), [generative-ai](), [gui](), [large-language-models-llms](), [microsoft](), [user-interfaces](), [web]() ### AI overview The article argues that AI will become widely useful through the app layer, not through new models alone. Drawing parallels with GUIs, browsers, web apps, and smartphone applications, it says thoughtful interfaces and design can turn large language models into accessible tools for everyday users. ### Source excerpt The next leap in AI won't come from new models alone--the app layer will be what makes new technology stick. ## Figma launches Brazilian Portuguese localization, expanding global reach DevFeed: [Figma launches Brazilian Portuguese localization, expanding global reach]() Original publisher: [Read original article]() Author: Figma Published: 2025-05-07T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Localization (l10n)](), [User Interfaces]() Tags: [brazil](), [community](), [customers](), [design](), [figma](), [global](), [product-development](), [prototyping](), [workflows]() ### AI overview Figma launches full Brazilian Portuguese localization, including translated and culturally adapted user interfaces and dedicated Portuguese-language support. The article presents the launch as part of Figma's effort to expand global reach and make design more accessible, highlighting its growing customer and community base in Brazil. ### Source excerpt Brazilian Portuguese becomes the fourth language for localization, with Latin American Spanish expected later this year. ## Figma localizes product and support for Korean market DevFeed: [Figma localizes product and support for Korean market]() Original publisher: [Read original article]() Author: Figma Published: 2025-04-15T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Localization (l10n)](), [User Interfaces](), [Internet]() Tags: [community](), [company](), [customers](), [design](), [developers](), [development](), [digital-products](), [figma](), [global](), [internet](), [platform](), [product](), [productivity](), [products](), [support](), [technology](), [user-interfaces](), [work]() ### AI overview Figma has launched an open beta for Korean localization, translating its product and adapting its user interfaces and support for Korean users. The article describes this as Figma's third product localization and highlights adoption, community activity, and customer feedback in South Korea. ### Source excerpt Figma launches Korean localization open beta, with more languages expected to follow this year. ## Figma localizes product and support for Spanish market DevFeed: [Figma localizes product and support for Spanish market]() Original publisher: [Read original article]() Author: Figma Published: 2025-03-27T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Localization (l10n)](), [User Interfaces]() Tags: [collaboration](), [core](), [developers](), [figma](), [global](), [product](), [product-design](), [revenue]() ### AI overview Figma has localized its product and support experience for the Spanish market, adding Spanish as its second localized language after Japanese. ### Source excerpt Figma adds Spanish as its second localized language, after Japanese, with more languages expected later this year. ## How We Build: Behind the Frontend of trivago's Website DevFeed: [How We Build: Behind the Frontend of trivago's Website]() Original publisher: [Read original article]() Author: Tom Bartel Published: 2025-01-27T00:00:00Z Content type: article Language: en Sources: [Trivago]() Topics: [Front end](), [Development](), [Testing](), [User Experience](), [User Interfaces](), [Website](), [Web app](), [Android](), [iOS]() Tags: [android](), [development](), [engineering](), [engineering-culture](), [frontend](), [ios](), [team](), [testing](), [user-experience](), [user-interfaces](), [web-app]() ### AI overview This article explains how trivago organizes its frontend engineering work across roughly 80 people and six squads. It describes collaboration among product managers, designers, frontend engineers, tech leads, and QA specialists across the web app, Android app, and iOS app, including the team's testing practices. ### Source excerpt Modern frontend engineering is a collaborative effort of many people with different talents and expertise. Over the years, a team working together can continuously refine their ways of working, ... ## Trino and Javascript?! YES! DevFeed: [Trino and Javascript?! YES!]() Original publisher: [Read original article]() Author: Manfred Moser Published: 2024-11-18T00:00:00Z Content type: article Language: en Sources: [Trino Blog]() Topics: [JavaScript](), [Java](), [User Interfaces](), [Grafana](), [web applications]() Tags: [applications](), [authentication](), [bug-fixes](), [contributors](), [documentation](), [grafana](), [java](), [javascript](), [maintainers](), [ui](), [web](), [web-applications]() ### AI overview The article explains how JavaScript is used across the Trino ecosystem, including the official trino-js-client, client applications, web-based user interfaces, and a Grafana plugin. It also describes planned improvements for authentication, documentation, the spooling client protocol, and compatibility testing. ### Source excerpt Trino is written in Java. Trino contributors and maintainers are often veterans in the Java ecosystem and community, and Trino is very modern when it comes to Java. For example, Trino now requires the latest Java version and actively uses new features. When it comes to JavaScript however, the story is a bit more complicated. Of course, JavaScript is commonly used in the Trino ecosystem and codebase. Let's look at some of the specifics. ## What's New in Apache Pulsar 4.0 DevFeed: [What's New in Apache Pulsar 4.0]() Original publisher: [Read original article]() Author: Lari Hotari Published: 2024-10-24T00:00:00Z Content type: release Language: en Sources: [Apache Pulsar Blog]() Topics: [Apache Pulsar](), [Transactions](), [real-time](), [Command-line interface](), [REST API](), [Prometheus](), [User Interfaces](), [Automation](), [Documentation]() Tags: [announce](), [apache](), [blog-post](), [cli](), [features](), [improvements](), [launch](), [lts](), [metrics](), [prometheus](), [real-time](), [release](), [rest-api](), [user-interfaces]() ### AI overview Apache Pulsar 4.0 is announced as a new long-term support release. The article highlights improvements to Key_Shared subscriptions, including better message ordering and reduced blocking during consumer changes and application restarts. It also describes troubleshooting metrics and planned REST API, web interface, CLI, Prometheus, and OTel integrations. ### Source excerpt The Apache Pulsar community is thrilled to announce the launch of Apache Pulsar 4.0, a new LTS release! ## The infrastructure behind AI search in Figma DevFeed: [The infrastructure behind AI search in Figma]() Original publisher: [Read original article]() Author: Isaac Goldberg; Maggie Zhou Published: 2024-10-15T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [AI search](), [Figma](), [Embeddings](), [Artificial Intelligence](), [Fine-tuning](), [User Interfaces]() Tags: [ai](), [ai-search](), [data](), [embedding](), [embeddings](), [figma](), [fine-tuning](), [image](), [images](), [search](), [user-interfaces]() ### AI overview Figma describes the infrastructure behind its AI-powered search features for designs and published components. The system uses embeddings to support text-based and visual search across large collections of files and components, while addressing the cost of generating and indexing billions of embeddings. Figma says its embedding models were not trained on private Figma files or customer data; fine-tuning used images of user interfaces from public Community files. ### Source excerpt To build AI search in Figma, we had to tackle a number of technical hurdles, including the challenge of generating and indexing billions of embeddings to power these features--while also keeping costs down. ## Easily Develop Graphical User Interfaces (GUIs) with Espressif Microcontrollers (MCUs) DevFeed: [Easily Develop Graphical User Interfaces (GUIs) with Espressif Microcontrollers (MCUs)]() Original publisher: [Read original article]() Author: John Lee Published: 2024-09-17T00:00:00Z Content type: article Language: en Sources: [Blog on Developer Portal]() Topics: [Espressif](), [ESP32](), [User Interfaces](), [Esp32 S2](), [ESP32-S3](), [Figma](), [Embedded Systems](), [cross-platform](), [Artificial Intelligence]() Tags: [ai](), [blog](), [cross-platform](), [embedded](), [embedded-wizard](), [esp-idf](), [esp32](), [esp32-s2](), [esp32-s3](), [espressif](), [figma](), [graphics](), [gui](), [implementation](), [interface](), [iot](), [microcontrollers](), [user-interfaces]() ### AI overview The article explains how Embedded Wizard 15 and Embedded Wizard Connect for Figma support GUI development for Espressif ESP32-S2 and ESP32-S3 microcontrollers. It describes AI-assisted development, Figma-to-IDE integration, resource efficiency, cross-platform code generation, widgets, animations, and real-time data visualization. ### Source excerpt Learn how Embedded Wizard 15 with AI-assisted development and Figma integration helps you create stunning, responsive GUIs for ESP32-S2 and ESP32-S3 microcontrollers. ## Beginning Android & Kotlin DevFeed: [Beginning Android & Kotlin]() Original publisher: [Read original article]() Published: 2024-09-10T00:00:00Z Content type: article Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [Android](), [Kotlin](), [Jetpack Compose](), [User Interfaces](), [Programming]() Tags: [android](), [apps](), [compose](), [development](), [kotlin](), [mobile](), [program](), [user-interfaces]() ### AI overview A 14-week beginner program for learning Android mobile development with Kotlin and Jetpack Compose. It covers modern Android app foundations, user interfaces, internet data fetching, background code execution, source control, and object-oriented programming through structured content and hands-on projects. ### Source excerpt Jump into the exciting world of Android mobile development. In this comprehensive program, you'll learn the foundations of writing modern Android apps from the ground up whether you are new to Android or even new to programming in general. You'll learn everything you need to know from programming in Kotlin to developing impressive user interfaces in Jetpack Compose. You'll explore many fundamental topics such as fetching data over the internet to running code in the background. By the end of this program, you will have experienced Android development from the ground while also learning critical skills such as source control and object-orientated programming techniques. ## Android User Interface Development DevFeed: [Android User Interface Development]() Original publisher: [Read original article]() Published: 2024-09-10T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [Android](), [Jetpack Compose](), [User Interfaces](), [SDKs]() Tags: [android](), [compose](), [course](), [development](), [learning](), [resource](), [sdk](), [user-interface]() ### AI overview Android User Interface Development is a learning path that provides a foundation for creating user interfaces with Jetpack Compose. It covers custom composables, layout with rows and columns, Android unit sizes, image storage, AndroidManifest.xml, and styling composables. ### Source excerpt This course provides a strong foundation for creating user interfaces with Jetpack Compose. It also introduces the tools required to build user interfaces such dimens, drawables, strings, and other resource files contained in the SDK. ## Beyond the Binary - More Inclusive Gender Options with Compose DevFeed: [Beyond the Binary - More Inclusive Gender Options with Compose]() Original publisher: [Read original article]() Author: Eevis Panula Published: 2024-09-02T03:38:14.053000Z Content type: tutorial Language: en Sources: [Eevis Blog]() Topics: [Jetpack Compose](), [Compose](), [User Interfaces](), [App](), [Development](), [Forms]() Tags: [app-development](), [article](), [culture](), [development](), [forms](), [gender](), [how-to](), [inclusive](), [jetpack-compose](), [user-interfaces]() ### AI overview This article explains why binary or "other" gender choices can exclude users, discusses gender and sex as distinct concepts, and demonstrates how to build a more inclusive gender selection for app settings with Jetpack Compose. ### Source excerpt If your gender matches the one that was assigned to you at birth, you probably don't notice flaws in application design that enforce the gender binary. But if it doesn't, and especially if your gender is beyond the woman-man binary, you constantly notice user interfaces that exclude you. For example, what should you select if you aren't a man or a woman, and those are the only options in a form? In some cases, forms might include the option "other". But... It underlines that you're something other and don't even have a category. As someone who has felt their entire life like an outsider and the other in many ways, I can tell you that it doesn't do good things to your mental health. So, in this blog post, I'll discuss the concept of gender a bit and then demonstrate one way to build a more inclusive gender selection with Jetpack Compose. Finally, at the end, I'll list some resources related to this topic. Gender Beyond the Binary Let's start with the basics: Gender and sex are separate things. In some languages, like Finnish, the word for both is the same - "sukupuoli" - but, for example, English differentiates them. And neither of them is binary. Gender is a social construct, and each culture has its own norms for genders. There are multiple genders, and a person might describe themself with one or more. Some examples include woman, man, non-binary, agender, genderqueer, demigender (e.g., demigirl or demiboy), or genderfluid. If you want to learn more, I've listed some resources in the Resources-section. Asking User's Gender Gender is asked in many locations - it might be surveys, settings for an app, and many other places. I'll concentrate on app development as I write about app development, and the specific case of app settings because that's where I've seen this gender selection pop up the most frequently. Before diving into the technical implementation of more inclusive gender options, I want to discuss whether there is a need for gender data and making the sele ## Getting Started with SwiftUI DevFeed: [Getting Started with SwiftUI]() Original publisher: [Read original article]() Published: 2024-06-20T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [SwiftUI](), [iOS](), [User Interfaces](), [User interface design]() Tags: [apple](), [badge](), [course](), [getting-started](), [guide](), [how-to](), [ios](), [learning](), [swiftui](), [user-interface](), [user-interfaces]() ### AI overview A beginner learning path that introduces SwiftUI, Apple's declarative user interface framework for iOS development. It covers views, view hierarchies, custom views, adaptive interfaces, and navigation. ### Source excerpt This course introduces the fundamental concepts of SwiftUI, Apple's declarative user interface framework for building iOS applications. You'll delve into the world of SwiftUI, learning how to create responsive user interfaces with ease. The course covers essential topics such as views, hierarchies and navigation providing a solid foundation for developing iOS apps. ## Beginning iOS & Swift DevFeed: [Beginning iOS & Swift]() Original publisher: [Read original article]() Published: 2024-06-20T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [iOS](), [Swift](), [SwiftUI](), [User Interfaces](), [Xcode](), [Data Management](), [Persistence](), [Programming](), [networking](), [Optimization]() Tags: [apple](), [apps](), [building](), [developer](), [guide](), [ios](), [program](), [programming](), [swift](), [swiftui](), [tools](), [ui](), [user-interfaces](), [xcode]() ### AI overview A 15-week Kodeco program for learning iOS app development with Swift, SwiftUI, and Xcode. It covers user interfaces, navigation, data management, persistence, networking, and performance optimization through structured content, projects, and mentor feedback. ### Source excerpt The Kodeco Beginning iOS & Swift program provides a comprehensive learning experience guided by experienced industry professionals. Gain the in-demand skills you need to excel in building modern iOS apps using Apple's revolutionary UI framework, SwiftUI. You'll begin with an introduction to Apple's Swift programming language, Xcode, and version control. Once you have the fundamental concepts you will learn SwiftUI and craft captivating user interfaces. You'll effortlessly guide users through your apps with built-in navigation tools. As the program progresses you'll navigate your way towards the power of data management, including passing data, state management, and data persistence for dynamic apps. Take a step further with networking and performance optimization techniques, ensuring your apps run smoothly. With the help of your mentor you can progress with confidence, ensuring you have a firm grasp of each concept. This program provides you with the tools to maximize your learning potential towards becoming a sought after iOS developer. ## Sharing & State Management in SwiftUI DevFeed: [Sharing & State Management in SwiftUI]() Original publisher: [Read original article]() Published: 2024-06-20T00:00:00Z Content type: tutorial Language: en Sources: [Kodeco | High quality programming tutorials: iOS, Android, Swift, Kotlin, Unity, and more]() Topics: [SwiftUI](), [data](), [Persistence](), [User Interfaces]() Tags: [course](), [data](), [learning](), [persistence](), [swiftui](), [techniques](), [user-interfaces]() ### AI overview A SwiftUI learning path covering data flow, data binding, state management, and data persistence techniques using SwiftData and UserDefaults. ### Source excerpt In this course, you will delve into the intricacies of data flow and data binding in SwiftUI, gaining an understanding of how to seamlessly transfer information between different views. You will also explore state management strategies and data persistence techniques. ## Text-UI View backend DevFeed: [Text-UI View backend]() Original publisher: [Read original article]() Author: Nenad Rakocevic (noreply@blogger.com) Published: 2024-06-11T14:02:00Z Content type: release Language: en Sources: [Red]() Topics: [Text-based user interface](), [User Interfaces](), [Red](), [Command-line interface](), [Linux](), [macOS]() Tags: [cli](), [console](), [examples](), [features](), [linux](), [macos](), [ui](), [user-interfaces]() ### AI overview Red/View now includes a usable, though incomplete, text-based user interface backend. The article outlines its supported widgets, drawing commands, keyboard and optional mouse handling, colors, timers, facets, platforms, configuration, and usage examples. ### Source excerpt Last year, qtxie worked on a toy text backend project and submitted a PR for that. After some extra additions and testing recently, it has now been merged even if it is still incomplete, it is usable enough. So, in addition to the shiny GUI backends in Red/View, now we have an old-school text-based user interfaces (TUI) backend for the View engine! The new TUI backend has currently a subset of the GUI backends features. Here is an overview: View styles: base, panel, button, check, radio, field, text, progress, rich-text, image and text-list. Draw commands: text, line, box, triangle, circle, ellipse (block-based for now). Rich-text supported in Draw. Keyboard handling: key-down and key events (which are the same event). Mouse handling: disabled by default. Use system/view/platform/mouse-event?: yes to enable it. Images support Truecolor (24-bit RGB) for image rendering if the terminal supports it, otherwise it falls back to 256 colors. Timers supported through /rate facet. Facets supported: /offset, /size, /text, /image, /color, /data, /enabled?, /visible?, /selected, /flags, /options, /pane, /rate, /para and /draw. Flags supported: password and all-over. Frames drawing using squared or rounded corners ( Limited ANSI escape codes support in /text facet, only Colors / Graphics Mode codes. Uses 256 colors for text. It should works fine on most of the terminals. Works on the big-3 platforms (Linux, macOS and Windows10/11). The pre-built CLI console binaries on our Download page now have View/VID included by default along with the TUI backend. You can use them to test and play with the TUI code examples here and in the TUI folder. To use the TUI backend in your own compiled code, you need to add the two following options in the Red header block: Needs: 'View Config: [GUI-engine: 'terminal] Here are a few examples, starting with a HelloWorld!: view [text "Hello TUI World!"] Hello TUI World! When view is invoked, an event loop is launched. In order to return back to the co ## Interactive Data Visualizations with React DevFeed: [Interactive Data Visualizations with React]() Original publisher: [Read original article]() Author: admin Published: 2024-06-02T08:26:04Z Content type: tutorial Language: en Sources: [Posts on Chris Banes]() Topics: [React](), [Data visualization](), [JavaScript](), [User Interfaces]() Tags: [charts](), [charts-and-graphs](), [d3-js](), [data-visualization](), [javascript](), [react](), [uncategorized]() ### AI overview This tutorial explains how React can be used to create interactive data visualizations. It discusses component-based architecture, dynamic updates through the Virtual DOM, performance, flexibility, and the React visualization ecosystem, including Chart.js and D3.js. ### Source excerpt React, the popular JavaScript library for building user interfaces, is a fantastic tool for creating interactive data visualizations. With its component-based architecture and a wealth of libraries at your disposal, React makes it easier than ever to bring your data to life and engage your audience. But why should you choose React for your data [...] [Next page]()