Promise-returning setState and forceUpdate by thejameskyle · Pull Request #10 · reactjs/rfcs · GitHub

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

rfcs – RFCs for changes to React
Continue reading “Promise-returning setState and forceUpdate by thejameskyle · Pull Request #10 · reactjs/rfcs · GitHub”

busypeoples/IntroductionToFlow.md Last active Oct 8, 2017

  • Intended for developers interested in getting started with Flow.
  • At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
  • Covers all the basics needed to get started with Flow.
  • Covers all the basic needed to get started with Flow and ReactJS.

Intended for developers interested in getting started with Flow.
At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
Continue reading “busypeoples/IntroductionToFlow.md Last active Oct 8, 2017”

Using Electrode to Improve React Server Side Render Performance By Up To 70%

  • js application platform that powers walmart.com with several goals in mind, including ease of use, re-usability of components across applications and, most importantly, performance.We use server side rendering for almost all of our applications for two reasons:Improved performance for the customerBetter for SEOIn our tests, however, we found that React’s renderToString() takes quite a while to execute — and since renderToString() is synchronous, the server is blocked while it runs.
  • Every server side render executes renderToString() to build the HTML that the application server will be sending to the browser.To solve this problem, we created two Electrode modules: Above the Fold Render (ATF) and Server Side Render Profiling and Caching (SSR Caching).
  • The average renderToString()call with this configuration took 153.80 ms.Electrode default, though, Electrode comes with renderWithIds:false, which gives us a renderToString() time of 124.80 ms. Not bad — Electrode’s default configuration has already improved render time by 19%!
  • That drops our renderToString() time all the way to 36.56 ms — an astounding 71% improvement from the default Electrode configuration, and a 76% improvement from our original, unoptimized test.
  • That means a 70% improvement won’t mean 90 ms, but 180 ms saved.Special Thanks:To Arunesh Joshi, Dmitry Yesin, and the home page team who have implemented the Electrode modules and are using them on the home page in production.To Caoyang Shi, for helping to gather data and ensuring we’re getting the right numbers!More Information:Check out Joel Chen’s post on ReactJS SSR Profiling and Caching or Arpan Nanavati’s post on Building React.js at Enterprise Scale.Check out my post about the release of Electrode, the customer-facing platform that powers Walmart.com.The Electrode website: www.electrode.io

We built Electrode, the react/node.js application platform that powers walmart.com with several goals in mind, including ease of use, re-usability of components across applications and, most…
Continue reading “Using Electrode to Improve React Server Side Render Performance By Up To 70%”

Use `react-devtools-core/standalone` instead of fork by jhen0409 · Pull Request #44 · jhen0409/react-native-debugger · GitHub

react-native-debugger – The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
Continue reading “Use `react-devtools-core/standalone` instead of fork by jhen0409 · Pull Request #44 · jhen0409/react-native-debugger · GitHub”

[WebSocket] Fix race condition during initialization by gaearon · Pull Request #12305 · facebook/react-native · GitHub

Ever experienced flakiness of React Native Inspector in Nuclide? Just landed a fix for this.

  • facebook-github-bot added GH Review: accepted Import Started and removed GH Review: review-needed labels Feb 9, 2017
  • facebook-github-bot added GH Review: review-needed CLA Signed labels Feb 9, 2017
  • Gaearon referenced the pull request in facebook/react-devtools Feb 9, 2017
  • “` mkdir ~/my-server cd ~/my-server npm i ws nano index.js “` Paste this code: “`js const ws = require(‘ws’); const wss = new ws.
  • facebook-github-bot added a commit that closed this pull request Feb 9, 2017

react-native – A framework for building native apps with React.
Continue reading “[WebSocket] Fix race condition during initialization by gaearon · Pull Request #12305 · facebook/react-native · GitHub”

Audio Player for React DOM with dynamic sources · GitHub

HTML5 Audio tags with auto reloading of dynamic sources in #Reactjs #javascript

  • // Cause the audio element to load the new source
  • export default class AudioPlayerDOM extends Component {
  • import React , { Component } from ‘ react ‘ ;
  • * Todo: make a better api, actually pass props through
  • // When the url changes, we refresh the component manually so it reloads the loaded file

Continue reading “Audio Player for React DOM with dynamic sources · GitHub”