Counting the days down til warm weather 🌻

🇺🇸 President’s Day

React Native 0.53, Instagram Filters, Taming ScrollView with Flex, Authentication and more

We had a holiday in the 🇺🇸 so we’re coming at you on Tuesday this week. For everyone in the States, I hope you had a good long weekend to spend time with family or side projects. We spent ours working on a web React project that may interest NYC beer aficionados 🍻 and trying things out in ARKit with Swift.

We’d also like to announce that we’re moving to a mostly bi-weekly schedule with React Native Coach. It’s a better pace while working on more projects ourself and better fits the content being produced in the space.

If you’d like to contribute to React Native Coach be sure to drop me a line! wyatt@reactnativecoach.com

React Native

React Native 0.53

React Native 0.53 was promoted to stable this week, the full release notes are available here, here are the highlights:

• Keyboard events now include duration and easing
• On Android ScrollView now takes a snapToInterval and TextInput takes onKeyPress like IOS

Around the Web

• Implementing Instagram filters and picture editing with React Native

Incredible post from William Candillon on implementing Instagram style filters in React Native

• Bringing the blockchain to React Native

Bitcoin chart is 📈 in February and we’re bullish on this article from locropulenton bringing the Ethereum blockchain to React Native

• Taming React Native’s ScrollView with flex

Another excellent article from Peter Piekarczyk on a common problem facing React Native developers, getting ScrollView to work it the way you want to

• https://blog.expo.io/introducing-sideswipe-a-cross-platform-carousel-for-react-native-8b9a0f18df53

kurtiskemple walks us through his great looking carousel component for React Native, featured in our Open Source section last issue

• Using React Native, React Native Web and React Navigation in a single project

Detailed walkthrough on getting React Native setup with React Native Web and React Navigation from Rob Pickering

Nader Dabit has been on a roll with his new role at AWS producing great articles in the past few weeks on authentication, analytics, and state management all of which are relevant to React Native development:

• React Native Authentication in Depth
• Adding Analytics to Your Next Mobile JavaScript Application
• unstated — The setState of React State Management

Open Source

• AutoAnimate

A simple declarative API for React-Native animations, using render props

• status-bar-height

Listen to status bar changes during incoming calls and other multi-tasking events

• react-native-material-shadows

React Native: Native Material Shadows (Android)

• react-native-tooltips

Awesome tooltip view for React Native

Sponsored

React Native Themes from Strap UI

Get your next React Native project up and running fast with a great theme from Strap UI. Check out their awesome options including eCommerce, Dating, and Taxi app themes and starters. 📱

Podcasts

• React Native Radio: Modern JavaScript feat. Wes Bos
• React Native Radio: The State of JavaScript & JavaScript Rising Stars feat. Sacha Greif

GraphQL

There’s been some discussion around the ease of use of current GraphQL libraries and the past few weeks have seen some interesting developments for GraphQL on this end:

• Introducing URQL (Beta), A Universal React Query Library

Formidable released urql a new GraphQL client with an easy to understand cache

• Zero-config GraphQL state management

Apollo has also introduced a simpler way to interact with the framework. Many props to the team for this update 🙏🏻

Redux

• Introducing Redux-rest-easy

One of the pain points people lament about Redux is the amount of boilerplate required, this new library introduced by Adrien HARNAY hopes to abstract some of that away

Have an awesome platform or service that’s built for React Native developers? We’d love to showcase you in our React Native Newsletter! Check our Sponsorship page for more info.