패키지, 저장소 및 앱 카테고리 검색

패키지 상세v0.6.0

divkit

서버 기반 앱 업데이트, 빠른 UI 프로토타이핑 및 크로스 플랫폼 레이아웃을 위한 오픈소스 SDUI 프레임워크.

AndroidiOSmacOSWindowsLinux
30일 다운로드
824
좋아요
65
Pub 점수
130

패키지 설치

flutter pub add divkit

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

DivKit은 서버 기반 앱 업데이트, 빠른 UI 프로토타이핑 및 일관된 크로스플랫폼 레이아웃을 가능하게 하는 오픈소스 SDUI(Server-Driven UI) 프레임워크입니다. 개발자는 서버에서 UI 컴포넌트를 정의하고 안드로이드, iOS, macOS, Windows, 리눅스의 플러터 앱에서 동적으로 렌더링할 수 있습니다. UI 로직을 클라이언트와 분리함으로써 앱 재배포 없이 실시간 디자인 변경을 지원합니다. 이 프레임워크는 간단한 pub add 명령어를 통해 플러터와 원활하게 통합되며, 민첩한 UI 반복과 중앙 집중식 디자인 제어가 필요한 팀을 위한 유연하고 확장 가능한 솔루션을 제공합니다.

사용 사례

  • 앱 릴리스 없이 동적 UI 업데이트
  • 새로운 인터페이스 디자인의 빠른 프로토타이핑
  • 크로스 플랫폼 UI 일관성
  • 실시간 UI 변형을 사용한 A/B 테스트
  • 팀 간 중앙 집중형 디자인 관리

주요 기능

  • 서버 기반 UI 렌더링
  • 다중 플랫폼 지원 (Android, iOS, macOS, Windows, Linux)
  • 서버 구성에 의한 실시간 UI 업데이트
  • 내장 레이아웃 및 컴포넌트 라이브러리
  • pub 패키지를 통한 플러터와의 간편한 통합

적합한 대상

  • 자주 UI 업데이트가 필요한 팀
  • 개발자들과 협력하는 제품 디자이너
  • A/B 테스트 기능이 필요한 앱
  • 크로스 플랫폼 일관성을 우선시하는 프로젝트
  • 빠른 반복에 중점을 둔 개발 팀

고려 사항

  • UI 구성에 대한 백엔드 인프라가 필요합니다
  • 서버 기반 아키텍처의 학습 곡선
  • 서버에서의 UI 렌더링에 발생할 수 있는 지연
  • 복잡한 네이티브 상호작용에 대한 제한된 사용자 정의
  • 안정적인 서버 통신에 대한 의존성

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

DivKit Playground app

GitHub Stars License

DivKit 🐋 is an open source Server-Driven UI (SDUI) framework. It allows you to roll out server-sourced updates to different app versions. Also, it can be used for fast UI prototyping, allowing you to write a layout once and then ship it to iOS, Android, and Web platforms. DivKit is an excellent choice to start using server-driven UI in your project because it can be easily integrated as a simple view in any part of your app. At the starting point, you don’t need a server integration. You can include all JSON on the client-side to try it in a real-world application.

Also, we’ve made a sandbox for you to experiment with. You can try different samples in the web editor and see the results on the web or in the Android demo app, both of which are available on Google Play. We’ll publish the iOS demo app shortly. The UI in the demo can be updated live: the sandbox connects to the demo app via web sockets. You can use the DivKit website to find a lot of handy samples and documentation, but feel free to ask us anything here in the comments or via the Telegram community chat.

Documentation | Medium tutorial | Habr tutorial

Telegram: English-speaking chat | Чат на русском

Our clients

Yandex Browser Yandex Search Yandex Music Alice Voice Assistant Yandex Market Zen Smart Camera Yandex Realty Edadeal Mobile Ads SDK Yandex bank

Demo App

Get it on Google Play

Project structure

Client

Client side libraries for rendering UI on Android, iOS and Web.

Android, iOS, Web

Json-builder

Server side libraries for building JSON in DivKit format.

TypeScript, Kotlin, Python

Schema

JSON schema that describes DivKit data format.

Api Generator

Used for generating general Api for all platforms from Schema.

Test data

Samples and test data.

카테고리

의존성

의존성 목록 10 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.