tag:github.com,2008:https://github.com/react-declarative/rn-declarative/releasesRelease notes from rn-declarative2024-08-02T14:24:17Ztag:github.com,2008:Repository/835123208/0.0.572024-08-02T15:25:58ZAbstract fields<p>Several interfaces for components that were ported from <a href="https://github.com/react-declarative/react-declarative/">react-declarative</a>. While they aren't implemented in <code>rn-declarative-eva</code> yet, they've been well-tested in other production environments and could be useful for your app.</p>
<div class="highlight highlight-source-tsx notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="FieldType.Complete
FieldType.Date
FieldType.Progress
FieldType.Rating
FieldType.Slider
FieldType.Time
FieldType.Choose
FieldType.Typography
FieldType.Tree"><pre><span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Complete</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Date</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Progress</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Rating</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Slider</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Time</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Choose</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Typography</span>
<span class="pl-v">FieldType</span><span class="pl-kos">.</span><span class="pl-c1">Tree</span></pre></div>
<p>Just like <code>react-native</code> (for example, <a href="https://reactnative.dev/docs/the-new-architecture/landing-page" rel="nofollow">JSI</a>), <code>rn-declarative</code> serves as a standard for designing forms. By using a declarative approach to define forms, you can easily reuse code for tasks like data transformation and validation. This also makes it easier to work with two separate teams: one focusing on the ui-kit (Storybook) and the other on business logic. Inspired by <a href="https://github.com/react-declarative/react-declarative/blob/master/docs/other/how-to-implement-uikit.md">react-declarative documentation</a></p>tripolskypetrtag:github.com,2008:Repository/835123208/0.0.532024-08-01T13:13:34ZReady to use<p>This package published to <a href="https://www.npmjs.com/package/rn-declarative" rel="nofollow">the npm registry</a>. Install it by running the next command</p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="npm i @ui-kitten/components @eva-design/eva react-native-svg rn-declarative rn-declarative-eva"><pre>npm i @ui-kitten/components @eva-design/eva react-native-svg rn-declarative rn-declarative-eva</pre></div>tripolskypetr