npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-native-template-everywhere

v0.3.2

Published

react-native template to target multiple platforms.

Downloads

65

Readme

re-start :globe_with_meridians: :iphone: :computer:

npm version PRs Welcome

re-start (1).png

This project is an attempt to:

  • Target multiple platforms (Android, iOS, Web, Windows[UWP] and Electron[macOS, Ubuntu, Windows]) with react native' APIs and a single codebase.
  • Follow best practices while doing the above.
  • Cut out the time and effort it takes to setup the project (based on create-react-app).
  • Achieve 'Write once use everywhere' with react-native (though react strictly says 'Learn once use anywhere').

Current status:

What used to be react-native-everywhere before is now re-start (where re stands for react-everywhere). Good news is that react-native-cli now supports templates. So, it makes much more sense if this project is a react-native-template, which will remove the need to update this project with every major release of react-native. It just works as of now on all the platforms. So, no more git cloning.

Usage

Pre-requisites:

Node.js & npm on your system(follow this) react-native CLI (npm install -g react-native-cli)

All you have to do is:

  • Create a new react-native project using react-native-cli and specify this project as a template:
react-native init <Your Project Name> --template everywhere --version="0.44.2"
  • Since react-native-template does'nt support adding dev dependencies and custom scripts to package.json, so I have created a custom script to do that.
node scripts/addDevDependencies.js

Notes:

  • If the above script fails due to some reason, you can do it manually by copying the contents of devDependencies.json to your package.json's devDependencies object and adding following to the scripts object.
"web": "node scripts/start.js",
"build": "node scripts/build.js"
  • react-native-web currently (20th of July, 2017) supports React/ReactDOM 15.4, 15.5, or 15.6, so make sure you do not upgrade if you want support for web.
  • make sure that the version of react-native-windows is same as your react-native version, if you are targeting windows support.

Run the project on a specific platform:

Android

react-native run-android

iOS

react-native run-ios

Web

npm/yarn run web

Windows

react-native windows react-native run-windows

Desktop (Electron)

npm/yarn run electron

Build for production:

Android/iOS

This will help

Web

npm/yarn run build (this will build your production ready bundle)


Some very useful cross platform compatible libraries:


Progress:


Running demo on Web, Android, iOS, Windows(Universal) and Electron:


Contributors

Thanks goes to these wonderful people (emoji key):

| Amogh Banta💻 🎨 📖 🐛 🤔 ⚠️ | Jesús Leganés-Combarro💻 🤔 🐛 ⚠️ 👀 📖 | Christopher Hein📖 🐛 | DuncanMacWeb💻 | | :---: | :---: | :---: | :---: |

Full list of contributors can be found here.

Sponsors

These are the companies contribution to re-start's development in some way or other.

Companies and projects using re-start

If you use re-start in any of your projects, send us a pull-request with the link. :smile:

LICENSE

MIT