v1.0.0

This release marks the production-ready status of Sellflow, this means that every feature that a generic Shopify store would need works. These features include:

• User Auth
• Checkout
• Search
• Predictive Search
• Cart

This does not mean Sellflow will contain every feature any Shopify store would require, if you would like a feature which is specific to your storefront you can implement it yourself, Sellflow is meant to be a template for you to edit and style to your hearts content.

v7.0.0

Implemented Unistyles to make life easier, Unistyles is an awesome styling library for React Native which works on Mobile and web. I love Tailwind, however I'm not a huge fan of NativeWind for React Native I prefer the default StyleSheet. While the default StyleSheet is pretty neat it's very limited, with no good way to handle breakpoints, or themes, it's difficult to work with. Unistyles solves all of these problems without having to learn a completely new syntax!

v6.0.0

This release is a big one, not because of the features which it adds to the app as there aren't many, but the improvements made to the code itself. Namely:

• Implementing Tanstack Query
• Upgrading to Expo 53
• Upgrading to React 19

For a long time, I used fetch requests anytime I needed to request data from a third-party and it worked great for a while. Until, I need to add more features, pagination, auto-retries, invalidation. The list goes on and on, but the point is fetch works great if you simply need to request some data and that's it once you need more features on top of that you find yourself building your own Tanstack Query with your own auto-retries and pagination; when all you want to focus on is your product at hand. I found myself in the same boat, which is why I made the switch to Tanstack Query which handles a lot of these features for you, while also being extremely lean.

Expo 53 adds a ton of new features and cuts build times in half and pre-compiles most Expo packages for you, it also brings along with it React 19 which is cool!

v5.1.0

Fairly big features have been added into this release, namely the add to cart button for multi-variant products, since the beginning of Sellflow multi-variant products have lacked an add to cart button due to the need for a modal of some sort to allow for the option selection for the product. With the use of React Native Bottom Sheet every product now includes an add to cart button and multi-variant products now open a modal which displays the featured image, product title, options, price, as well as a See all options button to view the product page.

Another feature of this release is the addition of the search sorting button which is kinda cool ig but nothing crazy.

v5.0.0

Ported project over to MMKV due to speed and usability, MMKV seems to be the perfect solution for persistent storage for Sellflow and appears to be a decent bit faster than AsyncStorage. This release also features an iOS prebuild (I learned you could create iOS prebuild because of MMKV docs.) It also includes many bug fixes and smaller features:

Bug fixes

• Recommended products not linking to correct page
• Add to cart functionality only occasionally working on first click
• Header being to large on iOS and to small on Android devices

Features

• MMKV speeds up the app significantly and allows for a better dev experience (IMO)
• Quantity selection on product page

v4.1.0

Fixed broken add to cart button (occasionally worked on first click) as well as broken recommended products not working with Expo Router on mobile.

This release also features E2E testing with Maestro I've only included some basic tests for the application to test Checkout, Authentication, Search, Search Filtering, as well as some basic things such as if the Home page just works and loads products properly. All of these tests were ran with my dummy Shopify store and are meant to find the names of products in my dummy Shopify store (which do not change) for your store you will most likely have to change some of the names in your tests or restructure them to your needs.

v4.0.0

Localization is now supported with the use of Lingui the release features support for English and Spanish on all pages. (You can add more I only need to support English and Spanish so that's all I added.) The release include some new commands npm run extract as well as npm run compile.
These commands are apart of the Lingui CLI, any text found inside of a <Trans> component is added to the messages.po file to be translated. Any time you create a text component with <Trans> you simple run npm run extract and the Lingui CLI adds a new entry to your messages.po file like so:

locales/es/messages.po

#: app/(tabs)/_layout.tsx:46
msgid "Cart"
msgstr ""

You must then translate the text so:

#: app/(tabs)/_layout.tsx:46
msgid "Cart"
msgstr "Carrito"

After you've translated the text and saved the changes to the messages.po file run npm run compile and run your program, if your device is set to the translated language then it will automatically render the translated text (as long as it is inside of the <Trans> component.)

Translating the text manually like so sounds kind of tedious, however most of the text inside of your application is more than likely dynamic product content which is handled by Shopify so no need to handle the translation yourself as Shopify handles this for you given the Country and Language context. This release also makes use of the expo-localization library to retrieve the devices default locale and sends that to the Shopify Storefront API to make use of the translated content.

In order for your app to make use of translated content you must manually enable the translation of a new language in your Shopify Admin page. First head to your admin page, then on the left-hand side click on Online Store, after this you'll want to click on the three dots on the top right-hand side of the screen, then manage app.

After you've opened your app settings near the bottom of the screen there should be an option to open Languages open that, then you can choose to add a language which will prompt you to install the Shopify Translate & Adapt app. Add the app to your store and pick the language which you would like to translate your store too, this can take a while you will receive an email once the translation is complete. After it is complete you will still not be able to query the translated products yet or view them in your store, first you must publish the translation by selecting the language in the Languages page and clicking publish. After which you can query your translated products with the Storefront API.

v3.0.0

Major improvements to the project overall, including:

• Removing FlatList inside of Scrollview warning
• Removal of FlatList also allows for better responsiveness for different screen sizes
• Search page now includes filtering
• Working authentication on mobile

Below is a screenshot featuring the profile page and the User Account page while admittedly very ugly it works!

v2.3.0

This release features support for the Shopify React Native Checkout Sheetkit, an awesome library allowing for a easy to use and well-tested checkout experience for app users. The library has only been tested on Android (since I'm to broke for an Apple Developer account.)

v2.2.0

New Header for all routes located in (tabs) directory, the header includes the:

• App Logo
• Search Bar with predictive search
• Predictive Search results include a picture and name of each product from results.

The actual search page with filtering and sorting is yet to be implemented, but this is a huge feature and brings this project one step closer to being complete. Below is a screenshot of what the predictive search looks link on a desktop on the web.