React Native version used in this project is 0.60. This project is developed from scratch using react-native cli. Not many third party libraries are used in this project because others can easily get familiar with the configuration and can modify/implement their own changes easily.😎
- React-native version 0.60.
- Hooks component examples
- Redux-Hooks.
- TabBar Navigation configuration.
- Native-base support.
- I am looking for collaborators. If interested please drop a mail here
- The default app name will be
garvax. You can always change it to any name of your wish. - I wish to develop seperate
CLI. But I dont know how to start and learning to deploy. If you can help me with that, it will be great and I can include you in the contributor list. - If you find any mistake/bug, please post in the issues section.
- Need support?? Connect me by sending a mail. here
Please checkout my another repo on native iOS stack view developed in react-native.
- Fork/clone this repo.
- Open your terminal and go the project directory
cd coffee - Run yarn install,
yarn install - Run
react-native run-androidorreact-native run-ios
- run
rm -rf .git/to delete any git history - rename the React Native project to your own project name:
yarn run rename -- <YourProjectName> - create a new git for your repo
git init
There you go. Happy coding! 🏌️
App
|- Assets
|- Buisness
|- Component
|- Container
|- Fixtures
|- Images
|- Metrics
|- Navigation
|- Redux
|- Saga
|- Service
Basically you can put all your assets here. Even if you want to include .ttf fonts or anything, you can put up here.
**PROTIP!! Make sure you maintain a proper folder structure as well as nomenclature and don't mess up with your assets. 😉
This is a business layer where you can save all the necessary business logic and functionalities in one place so that you can use it from anywhere inside the project.
Tada! This is a significant important folder. You can store re-usable components over here and use it across the project. Remember that react strongly supports the idea of components re-usability.
Note Mostly components are regarded as child components that deals with props and not state variable
Here comes the actual folder which contains all the screens. In other words, we can call it as parent components.
Well, this is not so important folder but at the same time very handy to use. Suppose you are doing development and you don't have actual APIs to develop. In that case, you can form your own JSON files and keep it here and use it exactly you would have used for API response. Once you get the real API just replace it in your component. This will not hinder your development. Cool isn't it? 👍
Image component layer where you will already make your images ## JS ready and import in your component. This will prevent you from writing same syntax again and again. 😌
This one also a very useful folder, where you want to globalize your application style, fonts, etc. It will keep consistency to your project all over regarding the UI.
Well, we can say it as a library for our application. We can import all the screens and keep them here.
NOTE In this project we have used Stack navigator. Anyhow you can modify this file to create your own navigator and customize. You can visit React navigation for more information.
This is our redux folder and we keep all the reducer in one place. If you want to know more about how redux works you can go to Redux official site to know more.
Note If you are creating any reducer, don't forget to import it in the index.js file.
Our middleware lives right here and operates. If you want to explore more about how saga works, please go here, you will have an idea. Parallelly you can tally with our boilerplate saga configuration so that you have a clear picture.
This is our API endpoints saving file and we can export it any place and perform fetch functions.
This repo is always open for upgradation. If you have any idea,suggestions or feedback, please feel free to contact me. We can make this project better together. 🙏🤟
For Buisness query 📧 Click here to mail.
Have some idea/Need free consultant 🤝🏻 Feel free to connect