Issue 69 July 29th 2020

News

React Native Team Principles

"The React Native team at Facebook is guided by principles that help determine how we prioritize our work on React Native. These principles represent our team specifically and do not necessarily represent every stakeholder in the React Native community. We are sharing these principles here to be more transparent about what drives us, how we make decisions, and how we focus our efforts."

React Native Documentation Update

In another official blog update, the RN team shares some updates on how the documentation has evolved over the past year. And, while you're appreciating their hard work, jump over to this survey they've created and share your thoughts.

Tutorials

Real Time Image Classification with TensorFlow and React-Native

Always cool seeing what people build with Google's powerful Tensorflow ML framework - and this post is no different. Daniel creates an app that lets you point at an object and get a description of it in the language of your choosing.

Controlling and Customizing Animations in Reanimated 2

Another great tutorial here that will help you dive a bit deeper in understanding some customizations available in Reanimated 2.

Smaller and faster React Native apk

A deep dive how one Brazilian company shaved their APK size by almost 50%. Everything from Hermes to stripping out extraneous characters in their fonts.

Speedy Expo apps with persistent redux state

"React Native components can receive data from all sorts of places. Particularly complex applications using Redux have become notorious for confusing data flows and hierarchies. This webinar will go over how to structure your React Native application to use redux-persist’s persistent data storage. Josh will then go on to show the benefits of using popular open source libraries: popular documentation, knowledge transferability, and easy cross-library integrations."

Open Source

osamaq/react-native-image-colors: Fetch prominent colors from an image.

cawfree/react-native-segmented-text-input: A wickedly customizable <TextInput /> for React Native. Useful for tags, spellchecking, whatever.

covidgreen/react-native-exposure-notification-service: React Native Exposure Notification Service is a react native module, which provides a common interface to Apple/Google's Exposure Notification APIs.

cawfree/express-torus-react-native: 🔐 ⚛️ A React Native hook for simple decentralized key management using Tor.us, which serves as a combined social login and ethereum wallet!

junhoyeo/use-shake-callback: ⚓️ useShakeCallback hook for listening shake events in React Native

edamameldn/tape-cli: CLI tool to collaborate better during mobile development, for iOS & tvOS simulators and Android emulators and devices. Share screenshots, screen recordings as video or GIFs. Use with https://tape.sh or bring your own bucket!

developit/redaxios: The Axios API, as an 800 byte Fetch wrapper.

Videos

Build a Podcast App With Apollo GraphQL and React-Native

A twelve-part series broken down nicely in digestible chunks where you'll learn to build a podcast app, harnessing the power of GraphQL. Thanks for the submission.

Diversity & Inclusion

Meet Michael Liendo

Michael popped into my Twitter feed a couple months back when I noticed his tweets towards his employer due to their delayed response to the protests emerging throughout the world. I was impressed from that point on and recommend giving him a follow. He is a Frontend Engineer, Instructor and AWS cloud advocate - with a goal to help grow communities through diverse and enabled perspectives.

Around the Web

10 Things You Should Know When Switching from React to React Native

The interest for mobile development is pretty common among web developers. However, it is a whole new world. Starting with React Native for React developers feels pretty natural , however there are caveats. This post covers what you will face in the new journey. Thanks for the submission, Vladimir!

CS Visualized: CORS

Once again, Lydia returns with a beautiful tutorial to help visually explain just what the heck CORS is all about.