{"id":21327300,"url":"https://github.com/hizoul/preact-nativescript-components","last_synced_at":"2026-04-10T22:47:09.689Z","repository":{"id":123951298,"uuid":"117331049","full_name":"Hizoul/preact-nativescript-components","owner":"Hizoul","description":"JSX-Wrapper for preact-to-nativescript","archived":false,"fork":false,"pushed_at":"2018-02-08T16:36:16.000Z","size":124,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-16T00:13:15.558Z","etag":null,"topics":["nativescript","preact","preact-to-nativescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hizoul.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-01-13T09:28:39.000Z","updated_at":"2024-05-30T17:29:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"aea884ee-4919-43db-9e80-f9c420dc101c","html_url":"https://github.com/Hizoul/preact-nativescript-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hizoul/preact-nativescript-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hizoul%2Fpreact-nativescript-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hizoul%2Fpreact-nativescript-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hizoul%2Fpreact-nativescript-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hizoul%2Fpreact-nativescript-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hizoul","download_url":"https://codeload.github.com/Hizoul/preact-nativescript-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hizoul%2Fpreact-nativescript-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267277007,"owners_count":24063225,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nativescript","preact","preact-to-nativescript"],"created_at":"2024-11-21T21:16:44.332Z","updated_at":"2026-04-10T22:47:04.625Z","avatar_url":"https://github.com/Hizoul.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# preact-nativescript-components[![Build Status](https://travis-ci.org/Hizoul/preact-nativescript-components.svg?branch=master)](https://travis-ci.org/Hizoul/preact-nativescript-components) [![Coverage Status](https://coveralls.io/repos/github/Hizoul/preact-nativescript-components/badge.svg?branch=master)](https://coveralls.io/github/Hizoul/preact-nativescript-components?branch=master) [![dependencies](https://david-dm.org/Hizoul/preact-nativescript-components.png)](https://david-dm.org/Hizoul/preact-nativescript-components) [![npm](https://img.shields.io/npm/v/preact-nativescript-components.svg)](https://www.npmjs.com/package/preact-nativescript-components)\n\npreact-nativescript-components was made to use JSX-Syntax for [preact-to-nativescript](https://github.com/Hizoul/preact-to-nativescript) components\n\n\n# Usage\nYou should mostly be able to import and use the NativeScript UI Components by name e.g.\n\n```javascript\nimport application from \"tns-core-modules/application\"\nimport { render } from \"preact-to-nativescript\"\nimport {\n  ActionBar, ActionItem, Button, Label, Page, ScrollView, StackLayout\n} from \"preact-nativescript-components\"\n\napplication.start({\n  create: () =\u003e {\n    return render(\n      \u003cPage\u003e\n        \u003cActionBar\u003e\n          \u003cStackLayout\u003e\n            \u003cLabel\u003eCustom Header\u003c/Label\u003e\n          \u003c/StackLayout\u003e\n          \u003cActionItem text=\"act\" /\u003e\n        \u003c/ActionBar\u003e\n        \u003cStackLayout\u003e\n          \u003cLabel\u003ePageContent\u003c/Label\u003e\n          \u003cButton text=\"Button\" /\u003e\n        \u003c/StackLayout\u003e\n      \u003c/Page\u003e\n    )\n  }\n})\n```\n\n# List of importable Components\n- Layouts\n  - [AbsoluteLayout](https://docs.nativescript.org/cookbook/ui/layouts/absolute-layout)\n  - [DockLayout](https://docs.nativescript.org/cookbook/ui/layouts/dock-layout)\n  - [FlexboxLayout](https://docs.nativescript.org/cookbook/ui/layouts/flexbox-layout)\n  - [GridLayout](https://docs.nativescript.org/cookbook/ui/layouts/grid-layout)\n  - [StackLayout](https://docs.nativescript.org/cookbook/ui/layouts/stack-layout)\n  - [WrapLayout](https://docs.nativescript.org/cookbook/ui/layouts/wrap-layout)\n- [ActionBar / ActionItem / NavigationButton](https://docs.nativescript.org/cookbook/ui/action-bar)\n- [ActivityIndicator](https://docs.nativescript.org/cookbook/ui/activity-indicator)\n- [Button](https://docs.nativescript.org/cookbook/ui/button)\n- [DatePicker](https://docs.nativescript.org/cookbook/ui/date-picker)\n- [HtmlView](https://docs.nativescript.org/cookbook/ui/html-view)\n- [Image](https://docs.nativescript.org/cookbook/ui/image)\n- [Label](https://docs.nativescript.org/cookbook/ui/label)\n- [ListPicker](https://docs.nativescript.org/cookbook/ui/list-picker)\n- [ListView](https://docs.nativescript.org/cookbook/ui/list-view)\n- [Page](https://docs.nativescript.org/cookbook/ui/page)\n- [Placeholder](https://docs.nativescript.org/cookbook/ui/placeholder)\n- [Progress](https://docs.nativescript.org/cookbook/ui/progress)\n- [ScrollView](https://docs.nativescript.org/cookbook/ui/scroll-view)\n- [SearchBar](https://docs.nativescript.org/cookbook/ui/search-bar)\n- [SegmentedBar](https://docs.nativescript.org/cookbook/ui/segmented-bar)\n- [Slider](https://docs.nativescript.org/cookbook/ui/slider)\n- [Switch](https://docs.nativescript.org/cookbook/ui/switch)\n- [TabView / TabViewItem](https://docs.nativescript.org/cookbook/ui/tab-view)\n- [TextField](https://docs.nativescript.org/cookbook/ui/text-field)\n- [TextView](https://docs.nativescript.org/cookbook/ui/text-view)\n- [TimePicker](https://docs.nativescript.org/cookbook/ui/time-picker)\n- [WebView](https://docs.nativescript.org/cookbook/ui/web-view)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhizoul%2Fpreact-nativescript-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhizoul%2Fpreact-nativescript-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhizoul%2Fpreact-nativescript-components/lists"}