{"id":21088111,"url":"https://github.com/iliasbhal/nativescript-react","last_synced_at":"2025-09-06T05:34:10.726Z","repository":{"id":57308727,"uuid":"180906817","full_name":"iliasbhal/nativescript-react","owner":"iliasbhal","description":"Build native application using React and Nativescript.","archived":false,"fork":false,"pushed_at":"2019-04-20T17:52:21.000Z","size":541,"stargazers_count":15,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-19T11:22:27.579Z","etag":null,"topics":["android","ios","nativescript","react"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iliasbhal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-12T01:31:35.000Z","updated_at":"2024-05-30T16:07:42.000Z","dependencies_parsed_at":"2022-08-29T05:00:47.672Z","dependency_job_id":null,"html_url":"https://github.com/iliasbhal/nativescript-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliasbhal%2Fnativescript-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliasbhal%2Fnativescript-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliasbhal%2Fnativescript-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliasbhal%2Fnativescript-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iliasbhal","download_url":"https://codeload.github.com/iliasbhal/nativescript-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254522221,"owners_count":22085069,"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","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":["android","ios","nativescript","react"],"created_at":"2024-11-19T21:14:50.491Z","updated_at":"2025-05-16T11:32:22.783Z","avatar_url":"https://github.com/iliasbhal.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![NativeScript-React](https://raw.githubusercontent.com/iliasbhal/nativescript-react/master/head-img.png)\n\n[![npm version](https://badge.fury.io/js/nativescript-react.svg)](https://badge.fury.io/js/nativescript-react)\n[![Coverage Status](https://coveralls.io/repos/github/iliasbhal/nativescript-react/badge.svg)](https://coveralls.io/github/iliasbhal/nativescript-react)\n[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://github.com/iliasbhal/nativescript-react/blob/master/LICENSE)\n\n# :package: :sparkles: NativeScript-React\n\nBuild native application using React and Nativescript. \n\n## How to Install\n\n```sh\nnpm i --save nativescript-react\n# or\nyard add nativescript-react\n```\n\n## How to use ?\n\n```js\nimport React from 'react';\nimport AppRegistery from 'nativescript-react';\nimport App from './path/to/app';\n\nAppRegistery.runApplication(\u003cApp /\u003e);\n```\n\n## React + NativeScript = :muscle:\n\n✅ React declarative, composable API, and speed.\u003cbr/\u003e\n✅ React is skill that is available / the learning curve is very smooth\u003cbr/\u003e\n✅ There is a ton a very usefull React-packages available\u003cbr/\u003e\n✅ React is THE thing anyway \u003cbr/\u003e\n\n✅ Build 100% native cross-platform apps NativeScript, and the ability to implement platform-specific UIs.\u003cbr/\u003e\n✅ Share 100% of your code, or use platform-specific APIs, depending on the app you’re building.\u003cbr/\u003e\n✅ Use standards-based CSS syntax for styling.\u003cbr/\u003e\n✅ Use rich data binding and existing UI patterns to easily build complex user interfaces.\u003cbr/\u003e\n✅ Reuse any native library available in Objective-C or Java.\u003cbr/\u003e\n✅ Get day-0 access to the OS updates, thanks to the native javascript bindings.\u003cbr/\u003e\n✅ Reuse any JavaScript library that is not browser-dependent.\u003cbr/\u003e\n✅ Reuse the QA tools for accessibility automation to write tests.\u003cbr/\u003e\n✅ Use the latest native platform features to create an amazing native user experience.\u003cbr/\u003e\n✅ Code in any IDE of your choice to implement your applications’ code using the NativeScript framework's CLI.\u003cbr/\u003e\n\nNB: Take a look at the NativeScript CTO guide ( the advantages are better explained ): https://www.nativescript.org/ctos-guide \n\n## Roadmap / Contributing :nerd_face:\n\nNB: Feature requests are very welcome. You just have to create an issue my friend ! 🍻🍻 \n\n- [x] Render NativeScript components througt React.\n- [x] Support Mutation, Adding/Removing/Insert Children\n- [x] Pipe NativeScript typings and JSDoc to appear on React components and JSX / TSX components.\n- [ ] Create a base template `tns create myapp --template \u003cpath-to-template\u003e` ( thanks @NickIliev for requesting this feature :) )\n- [ ] Add webpack config and/or create a create-react-app flavor.\n- [x] Implement props.style \u0026 RN Stylesheet API.\n- [ ] Implement CSS imports\n- [ ] Make Styled-Components, React-Pose work out of the box\n- [ ] Implement Animated API ( see react-native-web implementation)\n- [ ] Implement the ReactNative components (View, Text, etc) to help people transition to NativeScript\n- [ ] Implement DOM interface to get instant compatibility with Styled-Components, React-Router, React-Pose, etc ...\n      ( use https://www.npmjs.com/package/nativescript-dom package )\n- [ ] `feature requests are welcome`\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filiasbhal%2Fnativescript-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Filiasbhal%2Fnativescript-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filiasbhal%2Fnativescript-react/lists"}