React Native at WalmartLabs – WalmartLabs – Medium

Learn more about how Walmart uses #ReactJS Native:

  • Overall, we’re very happy with the performance of React Native far, and we’re hopeful that the results we’ve gathered will be met with approval from the business side, and ultimately our users.
  • We use our integration tests to ensure that our React Native code remains functional as the code base continues to evolve.
  • One challenge that React Native presents is that for the JS bundle to work, there has to be a compatible React Native counterpart on the native side.
  • To ensure the quality of our React Native code, we aim for 100% test coverage for both unit tests and integration tests.
  • We use unit tests to exercise our React Native components in isolation and prevent unintentional changes.

Here at Walmart, the customer is always #1, so we’re constantly on the lookout for ways we can improve upon the shopping experience we provide to our customers. The Walmart app, as it currently…
Continue reading “React Native at WalmartLabs – WalmartLabs – Medium”

Fixing orientation changes handling (responsive images) by maraujop · Pull Request #25 · Anthonyzou/react-native-image-zoom · GitHub

  • Once the device is rotated images don’t get the right size and redrawn correctly.
  • A boolean `mInitialized` is flagged to avoid recreating certain structures or setting the image URi, which would make the redraw flicker and be slower.
  • Please note that GitHub no longer supports old versions of Internet Explorer.
  • `setSource` code has been moved to this wrapper, so that it can be easily reused in `onSizeChanged`.
  • The way when the view changes sizes, it redraws correctly.

Read the full article, click here.


@maraujop: “So excited with my PR to react-native-image-zoom I even included gifs :)”


react-native-image-zoom – Image pan and zoom for Android


Fixing orientation changes handling (responsive images) by maraujop · Pull Request #25 · Anthonyzou/react-native-image-zoom · GitHub

A Glimpse Into The Future With React Native For Web – Smashing Magazine

✎ A glimpse into the future with React Native for Web:

  • We must make an index JavaScript file for the web.
  • 6 React Native iOS welcome screen ( View large version 7 ) React Native Android welcome screen8 React Native Android welcome screen ( View large version 9 )
  • 26 React Native iOS animation ( View large version 27 )
  • … React Native long friends list for iOS22 React Native’s long friends list for iOS ( View large version 23 ) React Native long friend list web24 React Native’s long friends list for the web ( View large version 25 )
  • import React, { Component } from ‘react’; import { Image, StyleSheet, Text, View, } from ‘react-native’; const styles = StyleSheet.create({ friend: { flexDirection: ‘row’, alignItems: ‘center’, justifyContent: ‘flex-start’, }, avatar: { margin: 10, width: 50, height: 50, borderRadius: 25, }, name: { fontSize: 18, color: ‘#000’, } }); export default class Friend extends Component { render() { return ( {this.props.firstName} {this.props.lastName} ); } }

Read the full article, click here.


@smashingmag: “✎ A glimpse into the future with React Native for Web:”


React Native can help you make iOS and Android apps with a shared code base, without sacrifices in quality. Clayton Anderson takes a glimpse into the future with React Native for Web…


A Glimpse Into The Future With React Native For Web – Smashing Magazine