React Native ❤ 60FPS Improving React Native animations

  • Animations are one of the most important elements of modern, well-crafted mobile apps.
  • React Native provides several APIs for handling animations (layout animations, native navigator, Animated.js library).
  • React Native ❤ 60FPS Improving React Native animations – ReactEurope 2016
  • Animation effects possible to achieve using native SDKs exceed by far the capabilities of mobile browsers based on the quality of animations it is easy to tell the difference between truly native apps and ones that run in a webview.
  • We will dive a little into implementation details of each of those methods to explain their limitations.

Read the full article, click here.


@kzzzf: “Here are slides from my talk at #ReactEurope about offloading animations in #ReactNative”


Animations are one of the most important elements of modern, well-crafted mobile apps. Animation effects possible to achieve using native SDKs exceed by far the capabilities of mobile browsers, hence based on the quality of animations it is easy to tell the difference between truly native apps and ones that run in a webview.


React Native ❤ 60FPS Improving React Native animations

Tips to optimise rendering of a set of elements in React — Medium

  • Don’t update the app component if a list has the same number of elements and order of elements is the same
  • Time for rendering with a simple classic optimisation
  • Now take a look into “render()” function of App component.

Read the full article, click here.


@JavaScriptKicks: “How to optimise rendering of a set of elements in React by @lavrton #javascript #reactjs via @JavaScriptKicks”


There is a guide to increase React performance. The advanced tip will increase speed by 20 times.


Tips to optimise rendering of a set of elements in React — Medium

javascript – React with Redux? What about the ‘context’ issue? – Stack Overflow

  • Use the library that uses Context, don’t use it directly.
  • Context is an advanced feature and is subject to change.
  • If context changes its behavior, we as library authors will need to adjust .

Read the full article, click here.


@nicotsou: “Should I use React Context? Is it safe? Here’s a great answer #redux #reactjs #nodejs”


I normally post code related stuff on Stack, but this is more a question about what the general thoughts of the community are.


javascript – React with Redux? What about the ‘context’ issue? – Stack Overflow

Make work with static containers (take two) by gaearon · Pull Request #3430 · reactjs/react-router · GitHub

  • Sorry, I should clarify – by “major breaking feature update”, I mean that this is a major feature update that is also a breaking change, not that this is a feature update that introduces major breaking changes.
  • Gaearon referenced the pull request May 5, 2016
  • ryanflorence commented on the diff May 5, 2016

Read the full article, click here.


@dan_abramov: “Let’s fix <Link> with React Redux for good. Thanks to @jimmy_jia for showing the approach:”


react-router – A complete routing library for React


Make work with static containers (take two) by gaearon · Pull Request #3430 · reactjs/react-router · GitHub

React Native for Web Developers — Medium

  • The native platforms do offer different experiences than a web app though, so depending on what you want to build the web may not cut it, that’s why web developers should know and care about the native platforms.
  • If platform specific components are required, you can either completely separate the components, or if the differences are minimal you can put platform switches inside the components themselves.
  • When the options are discussed there is often a conclusion that the web simply doesn’t cut it on mobile, that native apps always have an edge over a web version, that native apps will always be faster and feel better.

Read the full article, click here.


@MoOx: “React Native for Web Developers”


‘Cause native apps do some things better


React Native for Web Developers — Medium

What is the difference between JQuery, AngularJS and ReactJS? – Quora

  • Well, there’s a ton of differences, but they do share a main thing.
  • A component can use plain javascript for the interactions inside itself and with other components, but as your app grows you will need to add more tools as you go.
  • AngularJS is a Javascript MVC (Model-View-Controller) Framework used to make and design web apps easily.

Read the full article, click here.


@javaeeeee1: “Question on @Quora: What is the difference between JQuery, AngularJS and ReactJS?”


What is the difference between a boat, a car and an airplane? Well, there’s a ton of differences, but they do share a main thing. They are all transportation methods. What is the difference between JQuery, AngularJS and ReactJS? Well, there’s a ton of differences, but they do share a main thing. They are all javascript frameworks.


What is the difference between JQuery, AngularJS and ReactJS? – Quora

Fernando Agüero’s answer to What is the difference between JQuery, AngularJS and ReactJS? – Quora

  • Save your draft before refreshing this page.
  • Submit any pending changes before refreshing this page.
  • The main takeaway is that both are used as frameworks : you can use either one of them to build a complete web app.

Read the full article, click here.


@fjaguero: “What is the difference between JQuery, AngularJS and ReactJS?”


jQuery is mainly used when you are using a framework or a CMS (see WordPress) and you need to develop features that involve DOM manipulation (fade in/out, highlight input fields, animations, etc)


Fernando Agüero’s answer to What is the difference between JQuery, AngularJS and ReactJS? – Quora