GroceriStar — React Native developers onboarding
Must Read Articles
- https://medium.com/quick-code/if-you-have-recipe-based-website-and-want-to-have-an-application-too-5da1a17737d8
- https://medium.com/quick-code/how-i-plan-to-get-from-app-idea-into-working-prototype-food-tech-92f1fdcc432a
- https://medium.com/quick-code/basic-requirements-for-react-native-app-8820067e1c50
- https://medium.com/groceristar/tech-stack-that-were-using-at-groceristar-f7b08d36691b
We have 2 applications that we are building at the moment:
Recipe App
Our goal is to make an open-sourced app that will save time for creating a new food-based business. The app will later be extended to become a meal plan app.
- Github: https://github.com/ChickenKyiv/recipe-app-react-native
- Task tracker: https://trello.com/b/f0Q2zjmk/recipe-application
- Docs: https://chickenkyiv.github.io/application-documentation/
- Repository of creative assets: https://github.com/ChickenKyiv/creative/
Shopping List App (part of the GroceriStar project)
Our goal is to make an app that will have similar functionality as our GroceriStar project does. Although right now it is just a simple shopping list, we will use this code in order to create an application for GroceriStar.
It will incorporate the methods described in https://groceristar.github.io/documentation/
Currently, the design is not finished, but this can give you some details: https://www.behance.net/gallery/59251083/Alpha-Fruit-apps-PSD.
- Github: https://github.com/GroceriStar/react-native-shoppin-list
- Task tracker: https://trello.com/b/n2ufANiO/groceristar-app
- Groceristar website methods list: https://medium.com/groceristar/groceristar-website-methods-list-75b57e1414ae
- Repository of creative assets: https://github.com/GroceriStar/creative
GroceriStar Fetch Module
For the first releases of the applications, we will not connect our apps to our databases. We have a separate module that has a sample of data which we will be using. At a later time, we will then integrate with GraphQL servers.
- To read more about this module:
https://medium.com/groceristar/groceristar-fetch-small-module-that-weve-created-8b4a62bd5d7b - Documentation website: https://groceristar.github.io/groceristar-fetch/docs/intro.html
- NPM Link: https://www.npmjs.com/package/@groceristar/groceristar-fetch
- Github repository: https://github.com/GroceriStar/groceristar-fetch
Summary
We are using:
- Expo to deploy our app
- React Native to build the app because it has a React core, so we will be able to reuse component from our projects later.
- Redux for now, but React was shipped a new tool in March 2018 called React Context API, which we will start using.
- Jest and Enzyme for Unit Tests.
- CSS preprocessors to compile our styles into a bundle.