Add new react native template and sample apps articles#25426
Merged
Conversation
Add a new community article (post.md) describing the React Native template refresh — migration to NativeWind v4, token-based theming and dark mode, navigation updates, removal of legacy screens, and two sample apps — and include all accompanying screenshots and demo images.
Contributor
|
Images automagically compressed by Calibre's image-actions ✨ Compression reduced images by 84.5%, saving 3.6 MB.
|
Contributor
There was a problem hiding this comment.
Pull request overview
Adds a new Community Article describing the refreshed ABP React Native templates (NativeWind v4-based styling, token-driven theming with dark mode, navigation restructuring) and showcasing two sample apps, with embedded screenshots for the UI comparisons.
Changes:
- Introduces a new community article markdown post covering the React Native template modernization (cleanup + NativeWind/token system).
- Embeds multiple screenshots (light/dark, navigation, ABP Studio wizard, sample app screens) to illustrate the changes.
Comment on lines
+113
to
+116
|  | ||
| <!-- Placeholder: 2-3 key screens of the bigger sample app, ideally light+dark variants in one image --> | ||
|
|
||
|
|
| **App 2** is the more substantial of the two — it covers multiple feature areas and shows how the template scales when an app actually has things to do. | ||
|
|
||
|  | ||
| <!-- Placeholder: 2-3 key screens of the bigger sample app, ideally light+dark variants in one image --> |
|
|
||
| We approached the refresh in two passes: first a thorough cleanup of legacy screens, dead components, and unused locales, and then a full styling-layer rewrite around NativeWind v4 with a shadcn-style design token system. Along the way we also built two sample apps on top of the new template, so the changes aren't just theoretical — they've been exercised against real screens and real flows. | ||
|
|
||
| The changes ship to both the **`react-native-pro`** template and the **`microservice/apps/mobile/react-native`** template, so layered, single-layer (no-layers), and microservice solutions all get the same modernized mobile experience. |
Contributor
|
Images automagically compressed by Calibre's image-actions ✨ Compression reduced images by 66.5%, saving 1.5 MB.
2 images did not require optimisation. |
sumeyyeKurtulus
approved these changes
May 21, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Add a new community article (post.md) describing the React Native template refresh — migration to NativeWind v4, token-based theming and dark mode, navigation updates, removal of legacy screens, and two sample apps — and include all accompanying screenshots and demo images.