axemclion

I am not sure if this is specific to React Native. In a regular Android application, this information is available in the JSON file. Having permissive credentials on the client is a security gap, no matter the technology.

If you have questions, you can ping the RN team too. I would love to help !!

It’s been about 3 years now, with a 10+ person team now, so maybe I should write it all up somewhere.

If you want, we could put this up on the React Native Blog. Would make for an interesting read !!

This is incorrect. Here is a response from Tim, who manages the React Native team - https://twitter.com/yungsters/status/989361665752748033

Also, here is a list of all the things that our team has been working on with React Native - https://www.youtube.com/watch?v=1hvQ8p8q0a0

I am a member of the React Native Core team

On the documentation The document is not abandoned. Infact, we are actively working on fixing the document and reaching out to the community to identify gaps in documentation and fixing them. We are also moving docs to a separate repo to make sure that they are easy to contribute to.

On Typed languages. A lot of people use React Native with Flow or TypeScript, and are able to benefit from type systems.

How are you measuring those metrics on real devices ? Do you use the Chrome tracing timeline ? I wrote a tool called http://github.com/axemclion/browser-perf that does something similar, so was curious !!

You should be able to use Mobile Center and CodePush separately today. We are planning to incrementally roll out a backward compatible solution over the next 2 months.

CodePush PM here - note that CodePush cannot push any native code to the app.

PM on the CodePush team here. The rejection notice seems to explicitly call out the native methods that are a cause of the issue. CodePush cannot inject private frameworks or expose any methods that React Native already exposes.

I would also recommend not using CodePush to completely what an app does.

Yes, CodePush can be used with Mobile Center - here is a demo video (https://www.youtube.com/watch?v=lfqZ8Uy2p3U)

CodePush will also be integrated into Mobile Center, so that you can also making CodePush a part of your CI process. We are also working on adding support for Authentication, storage, testing and Push notifications.

[I am the PM on CodePush and React Native Mobile Center stuff]

You can use this same tech to do time travel debugging in React Native apps - http://blog.nparashuram.com/2016/08/time-travel-debugging-wi...

If you guys are trying react native, you could try mobile.azure.com for the devops pipeline.

PM building the VSCode react native extension here. Glad that you could get breakpoints working. There are also other features like syntax completion and simply trying out react native without and installation using exponent that nasty be interesting.

Would love to hear any other feedback you may have on the authoring experience.

There are a bunch of other complexities too - things like

(1) cancelling events which are synchronous, but web worker communication is async

(2) What is the best serialization format ? I found JSON.stringify to be the fastest, but how to compress data better ?

(3) How to batch the operations when you want to send info over from worker to the UI thread. The batch size should be small enough that it runs in 16ms, but large enough that you don't waste frame cycles.

(4) Figuring out if it makes sense to spawn multiple workers to diff parts of the VDOM tree - similar to React Fiber

I did something similar for React - and here is a blog post about what exactly is happening - http://blog.nparashuram.com/2016/02/using-webworkers-to-make...

The performance difference is noticable. I did React into a Web worker, and here are the performance results - http://blog.nparashuram.com/2016/02/using-webworkers-to-make...

Some of the other uses typically are - sort of flow control between the thread and the worker, so that only sufficient VDOM operations are sent across the thread.

This basically leaves the UI thread to other things like GIF animations, redraw UI like buttons when user interacts with them, etc.

Actually, you could already use ReactNative with Windows, but there were some quirks.

I just run the packager, with watchman and flow disabled, and it works pretty well. The VS Android emulator is free and so much faster than the default emulator - thats why i use Windows to create Android apps atleast.

Hey @taypo - how is that experience going ? Would love to hear how this is working out.

You are right - this was announced at ReactConf 2016

You mean something like this - https://github.com/CatalystCode/react-native/ ?

Was this not announced at ReactConf 2016 ? :P

Implementation in Javascript - https://github.com/nparashuram/seamcarving

Demo - http://nparashuram.com/seamcarving/

I am working on a site to monitor performance changes in popular frameworks like React, Ember, Bootstrap, Ionic etc. - http://web-perf.github.io.

Have seen some interesting trends with these frameworks, like how Ember's new rendering engine is 25% faster, etc.

Oh, and the server does not have CORS enables, so cannot save my score :(

How about this bot - var timer = window.setInterval(function(){parseInt($('#ltext').text()) > parseInt($('#rtext').text()) ? rightPressed() : leftPressed();},1);window.setTimeout(function(){window.clearInterval(timer)},60000) ?

Getting a huge score, but the server is overloaded, so cannot post high scores :P

I actually did want help - I was hoping to add more web frameworks and would need help with that. Also need help with adding more test cases.

I was hoping that just like Todomvc.com shows how to use a framework, this could be used to see the performance of web frameworks.

Virtual DOM makes rendering fast, but it has extra costs in eventing and in javascript timers. Virtual DOM is not free IMHO.

Some quantitative results - http://blog.nparashuram.com/2015/03/performance-comparison-o...

I tried to quantify the performance numbers - and react does show virtual DOM rendering improvements, but eventing is expensive.

http://blog.nparashuram.com/2015/03/performance-comparison-o...

You could also try http://perfmonkey.com for automating these perf audits. If uses the same tools used by Chromium for finding perf telemetry - http://axemclion.github.com/browser-perf.

Here is a run for canIuse using the automated tool - http://www.perfmonkey.com/#/trynow/results/travis/53663113

You could try using http://perfmonkey.com to run a simple scroll test on your webpage. If you are looking at more powerful tests, try out http://github.com/axemclion/browser-perf.

Here is the result I got - http://www.perfmonkey.com/#/trynow/results/travis/53664194

Here is a test I ran on bootstrap CSS library over all its versions - http://axemclion.github.io/bootstrap-perf

I am working on a project that lets you monitor your web page or hybrid's apps rendering performance

- http://github.com/axemclion/browser-perf. To quickly test your website, check out http://www.perfmonkey.com/#/trynow

You can use the metrics from this tool to find out which CSS or JS make a webage janky, which action caused multiple paints, etc.

Completely written in Node, can run as a node module and a CLI.

You can get graphs like this - http://nparashuram.com/perfslides/perfjankie.

- Based on Chromium's perf framework, needed a way to monitor performance everytime I deploy a site, automatically.