[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73979":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},73979,"Valdi","Snapchat\u002FValdi","Snapchat","Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity.","https:\u002F\u002Fdiscord.gg\u002FuJyNEeYX2U",null,"C++",16378,542,80,7,0,43.2,"Other",false,"main",true,[23,24,25,26,27],"android","cross-platform","ios","typescript","valdi","2026-06-12 02:03:20","# Valdi\n\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue.svg)](.\u002FLICENSE.md)\n[![Platforms](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatform-iOS%20%7C%20Android%20%7C%20macOS-lightgrey)](.\u002Fdocs\u002FINSTALL.md)\n[![Status](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fstatus-beta-yellow)]()\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F1285677307163574322?color=7289da&label=Discord&logo=discord&logoColor=white)](https:\u002F\u002Fdiscord.gg\u002FuJyNEeYX2U)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-5.3-blue?logo=typescript)](https:\u002F\u002Fwww.typescriptlang.org\u002F)\n[![Documentation](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs-available-brightgreen)](.\u002Fdocs\u002FREADME.md)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg)](.\u002FCONTRIBUTING.md)\n\n> [!NOTE]\n> **Beta Status:** Valdi has been widely used in Snap's production apps for the last 8 years. We're calling this a beta because our tools and documentation need more battle testing in the open source world. Valdi will exit beta when we're happy with the developer experience.\n\n**Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity.** Write your UI once in declarative TypeScript, and it compiles directly to native views on iOS, Android, and macOS—no web views, no JavaScript bridges. \n\n## Quick Example\n\nA basic Valdi component:\n\n```tsx\nimport { Component } from 'valdi_core\u002Fsrc\u002FComponent';\n\nclass HelloWorld extends Component {\n  onRender() {\n    const message = 'Hello World! 👻';\n    \u003Cview backgroundColor='#FFFC00' padding={30}>\n      \u003Clabel color='black' value={message} \u002F>\n    \u003C\u002Fview>;\n  }\n}\n```\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fdocs\u002Fdocs\u002Fassets\u002Fstart-about\u002FIMG_1445.jpg\" width=\"400\" alt=\"Hello World example running on iOS\" \u002F>\n\u003C\u002Fp>\n\n## Quick Start\n\n**Prerequisites:** Xcode (macOS only) - everything else is automatic!\n\n```bash\n# Install Valdi CLI\nnpm install -g @snap\u002Fvaldi\n\n# One-command setup (installs all dependencies)\nvaldi dev_setup\n\n# Create your first project\nmkdir my_project && cd my_project\nvaldi bootstrap\nvaldi install ios  # or android\n```\n\n> [!TIP]\n> **Editor Extensions:** For the best development experience, install the [Valdi VSCode\u002FCursor extensions](.\u002Fdocs\u002FINSTALL.md#vscodecursor-setup-optional-but-recommended) for syntax highlighting, debugging, and device logs during hot reload.\n\n## Quick Links\n\n- [Getting Started Guide](.\u002Fdocs\u002FINSTALL.md)\n- [Documentation](.\u002Fdocs\u002FREADME.md)\n- [Codelabs](.\u002Fdocs\u002Fdocs\u002Fstart-code-lab.md)\n- [API Reference](.\u002Fdocs\u002Fapi\u002Fapi-quick-reference.md)\n- [Frequently Asked Questions](.\u002Fdocs\u002Fdocs\u002Ffaq.md)\n- [Component Library](https:\u002F\u002Fgithub.com\u002FSnapchat\u002FValdi_Widgets)\n- [GitHub Discussions](https:\u002F\u002Fgithub.com\u002FSnapchat\u002FValdi\u002Fdiscussions)\n- [Roadmap](.\u002FROADMAP.md)\n\n## Example Apps\n\nThe [`apps\u002F`](.\u002Fapps) directory contains runnable examples:\n\n| App | What it shows |\n|-----|---------------|\n| [helloworld](.\u002Fapps\u002Fhelloworld) | Minimal component — the fastest way to get something on screen |\n| [navigation_example](.\u002Fapps\u002Fnavigation_example) | Screen navigation patterns |\n| [managed_context_example](.\u002Fapps\u002Fmanaged_context_example) | Sharing state across components with managed context |\n| [valdi_gpt](.\u002Fapps\u002Fvaldi_gpt) | AI-driven dynamic UI — Valdi rendering UI described at runtime |\n| [cli_example](.\u002Fapps\u002Fcli_example) | Building a Valdi CLI application |\n| [benchmark](.\u002Fapps\u002Fbenchmark) | Performance benchmarks |\n\n## Why Choose Valdi?\n\nValdi is a cross-platform UI framework designed to solve the fundamental problem of cross-platform development: velocity vs. runtime performance. For 8 years, it has powered a large portion of Snap's production apps.\n\n### True Native Performance\n\nUnlike frameworks that rely on web views or JavaScript bridges, Valdi compiles declaratively rendered TypeScript components into platform-native views. Valdi also includes several other performance advantages:\n\n- **[Automatic view recycling](.\u002Fdocs\u002Fdocs\u002Fperformance-view-recycling.md)** - Global view pooling system reuses native views across all screens, dramatically reducing inflation latency\n- **Optimized component rendering** - Components re-render independently without triggering parent re-renders, enabling fast incremental updates\n- **Optimized layout engine** - C++ layout engine runs on the main thread with minimal marshalling overhead\n- **Viewport-aware rendering** - Only visible views are inflated, making infinite scrolling performant by default\n\nLearn more in our [Performance Optimization Guide](.\u002Fdocs\u002Fdocs\u002Fperformance-optimization.md).\n\n### Developer Experience Built for Speed\n\nValdi eliminates the traditional compile-test-debug cycle that slows native development:\n\n- **Instant hot reload** - See changes in milliseconds on iOS, Android, or desktop without recompiling\n- **[Full VSCode debugging](.\u002Fdocs\u002Fdocs\u002Fworkflow-hermes-debugger.md)** - Set breakpoints, inspect variables, profile performance, and capture heap dumps directly in VSCode\n- **Familiar syntax** - TSX components with TypeScript for type safety\n\n### Flexible Adoption Model\n\nValdi integrates easily into existing apps - start small and scale as needed:\n\n- **[Embed Valdi in native](.\u002Fdocs\u002Fdocs\u002Fnative-bindings.md)** - Drop Valdi components into existing UIKit or Android view hierarchies\n- **[Embed native in Valdi](.\u002Fdocs\u002Fdocs\u002Fnative-customviews.md)** - Use platform-specific views within Valdi layouts via `\u003Ccustom-view>`\n- **[Polyglot modules](.\u002Fdocs\u002Fdocs\u002Fnative-polyglot.md)** - Write performance-critical code in C++, Swift, Kotlin, or Objective-C with type-safe bindings to TypeScript\n- **[Full-stack architecture](.\u002Fdocs\u002Fdocs\u002Fadvanced-full-stack.md)** - Build entire features in Valdi with worker threads for background processing, eliminating platform-specific bridge code\n\n### Deep Native Integration\n\nValdi generates type-safe bindings between TypeScript and native platforms:\n\n- **[Automatic code generation](.\u002Fdocs\u002Fdocs\u002Fnative-annotations.md)** - TypeScript interfaces compile to Kotlin, Objective-C, and Swift bindings\n- **[Native API access](.\u002Fdocs\u002Fdocs\u002Fnative-polyglot.md)** - Direct access to platform APIs and third-party native libraries through polyglot modules\n- **Bidirectional communication** - Pass complex data structures and callbacks between TypeScript and native code safely\n- **[Native protobuf support](.\u002Fdocs\u002Fdocs\u002Fadvanced-protobuf.md)** - Seamless integration with protobuf for efficient data serialization\n\n### Proven at Scale\n\n- Powers critical features in production Snap apps.\n- Supports [advanced animations](.\u002Fdocs\u002Fdocs\u002Fadvanced-animations.md), real-time rendering, and [complex gesture systems](.\u002Fdocs\u002Fdocs\u002Fcore-touches.md)\n\n### Feature Highlights\n\n- **[Flexbox layout system](.\u002Fdocs\u002Fdocs\u002Fcore-flexbox.md)** with automatic RTL support\n- **[Worker threads](.\u002Fdocs\u002Fdocs\u002Fadvanced-worker-service.md)** for multi-threaded JavaScript execution\n- **[Native animations](.\u002Fdocs\u002Fdocs\u002Fadvanced-animations.md)** for native look and feel\n- **[Advanced gesture recognition](.\u002Fdocs\u002Fdocs\u002Fcore-touches.md)** with platform-native handling\n- **[Built-in testing framework](.\u002Fdocs\u002Fdocs\u002Fworkflow-testing.md)** with component-level unit tests\n- **[Bazel integration](.\u002Fdocs\u002Fdocs\u002Fworkflow-bazel.md)** for reproducible, incremental builds\n\n\n## Need Help?\n\n- **[GitHub Discussions](https:\u002F\u002Fgithub.com\u002FSnapchat\u002FValdi\u002Fdiscussions)** — ask questions, share what you're building, report issues\n- **[Discord](https:\u002F\u002Fdiscord.gg\u002FuJyNEeYX2U)** — real-time chat with the community\n\n## Contributing\n\nPlease follow the [contributing](.\u002FCONTRIBUTING.md) guidelines.\n\n## License\n\nValdi is made available under the MIT [License](.\u002FLICENSE.md).\n","Valdi 是一个跨平台的UI框架，旨在提供原生性能的同时不牺牲开发效率。它允许开发者使用声明式的TypeScript编写界面代码，并直接编译为iOS、Android和macOS上的原生视图，避免了使用web视图或JavaScript桥接带来的性能损失。Val迪特别适合需要高性能移动应用且希望保持快速迭代速度的场景。当前处于Beta阶段，在Snapchat内部产品中已广泛使用多年。通过简洁的API设计与直观的工作流程，Valdi让跨平台应用开发变得更加高效便捷。",2,"2026-06-11 03:48:12","high_star"]