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

@syr/core

v1.7.2

Published

minimal react api, that leans toward native SDK developers

Downloads

32

Readme

syr js - development version

Build Status NPM Version Coverage Status Docs

Build dynamic UIs for Native Platforms, with less than 200kb of extra libraries!

The goal to provide, Native SDK developers the benefits of the React Native API, with a much smaller footprint and reduced complexity.

Easily package Syr with your Native SDKs and Apps and drive dynamic updatable experiences with JavaScript.

Syr uses a React like API with a custom JS API bridge, that allows an SDK developer to bundle an updatable experience through Apple's iTunes terms.

help

gitter: https://gitter.im/syrjs/general

otherwise open an issue.

breaking change

syr moved to scoped packages. Please move to @syr/core.

Read the Docs

https://syr.js.org

Getting Started

Install

npm i @syr/core

Roadmap

Even (starting with 2) releases are stable, Odd (starting with 1) releases are development builds. Every fourth (starting with 4.0.0) release is an LTS and will be branched as well as tagged.

  • LTS Currently means support beyond 2 Stable Releases. Support for 4.0.0 will be sunset when 8.0.0 is released, as 6.0.0 will become the lowest LTS version.

How contributions will be scheduled for intake starting with version 2.0.0.

Major

  • Any Native Code Change in the Core Library Results in an Immediate Major Change.
  • Any Guest deprecations must force a major change.

Minor

  • Any Guest System Rendering Changes.
  • If new dependent features are changed, which causes instability it must be promoted to Major release schedule.

Patch

  • Corrects undesired consistent behavior.
  • Adds new features without collision

https://github.com/syrjs/syr/milestones

Development Example

native_checkout_syr

Running the local Sample

First steps:

  • Clone the repo
  • npm install
  • npm run serve

To run on iOS simulator:

To run on Android emulator, using Gradle:

  • cd android && ./gradlew installDebug
  • run the app on the Android emulator

To run the calculator sample (partially working), make the following change to webpack.config.js before npm run serve:

diff --git a/webpack.config.js b/webpack.config.js
index 7361b24..33b9561 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -7,3 +7,3 @@ module.exports = {
   entry: {
-    app: ['./samples/example.js']
+    app: ['./samples/calculator.js']
   },

Contributors

| | | | | :---:|:---:|:---:|:---:|:---:|:---:| dmikey|MSiddharthReddy|pvenkatakrishnan|gabrielcsapo| edwinwebb|Sherman-Chen