My Workflow

I built a workflow which will help React Native library maintainers to build & manage their library based on my experience in building libraries in my open-source organization React Native Toolkit

The workflows are currently used in two of my libraries,

• React Native Better Image - workflow code
• Rex State - workflow code

Submission Category:

Maintainer Must-Haves

This is a workflow to help maintainers of React Native JavaScript libraries. It can also be easily modified for React.js libraries too.

Yaml File or Link to Code

yarn add react-native-better-image
#or
npm install react-native-better-image

import BetterImage from 'react-native-better-image';
// ...

<BetterImage
  containerStyle={style}
  source={{
    uri: // image uri
  }}
  thumbnailSource={{
    uri: // thumbnail uri - will be displayed till image is loaded
  }}
  fallbackSource={{
    uri: // fallback image if original image fails to load
  }}
  // ...all other react-native image props
/>

yarn add rex-state
# or
npm i rex-state

const useThemeMode = (initialTheme = 'light') => {
  const [theme, setTheme] = useState(initialTheme)
  const toggleTheme = () => setTheme(theme === 'light' ? 'dark' : 'light');

  return [theme, toggleTheme];
};

Additional Resources / Info

I have written detailed posts on how to use these workflows in the DEV Community ﹣

1. Getting started with your React Native library
2. Automating your React Native library's build process
3. Automating the review process of your React Native Library's PRs
4. Automatically publish an update to NPM when you create a release in GitHub