# 5 Ways to Improve Your React Native Styling Workflow

DevFeed: [5 Ways to Improve Your React Native Styling Workflow](<https://devfeed.tech/articles/5-ways-to-improve-your-react-native-styling-workflow-1278.md>)

Original publisher: [Read original article](<https://shopify.engineering/5-ways-to-improve-your-react-native-styling-workflow>)

Author: Joel Besada

Published: 2020-09-02T14:00:00Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [React Native](<https://devfeed.tech/topics/react-native.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [design](<https://devfeed.tech/tags/design.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

An article on improving React Native styling workflows, using lessons from Shopify's redesign of the Shop app and the creation of the Restyle library. It introduces design-system practices for consistent layouts, responsive styling, and adaptable themes such as dark mode.

## Source excerpt

In April, we announced Shop, our digital shopping assistant that brings together the best features of Arrive and Shop Pay. The Shop app started from our React Native codebase for our previous package tracking app Arrive, with every screen receiving a complete visual overhaul to fit the new branding.