Gathering detailed insights and metrics for @react-pakistan/react-native-ui-collection
Gathering detailed insights and metrics for @react-pakistan/react-native-ui-collection
Installations
npm install @react-pakistan/react-native-ui-collectionDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Min. Node Version
>=10
Node Version
12.22.10
NPM Version
6.14.16
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
2.9.2
Package Id
@react-pakistan/react-native-ui-collection@2.9.2
Unpacked Size
416.51 kB
Size
50.08 kB
File Count
418
NPM Version
6.14.16
Node Version
12.22.10
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
63
@babel/core@babel/eslint-parser@babel/preset-typescript@babel/runtime@ptomasroos/react-native-multi-slider@react-native-community/async-storage@react-native-community/eslint-config@react-native-community/segmented-control@react-native-community/slider@react-pakistan/eslint-config-shared@react-pakistan/react-native-commons-collection@react-pakistan/react-native-icon-collection@react-pakistan/util-react-native-functions@storybook/addon-actions@storybook/addon-essentials@storybook/addon-knobs@storybook/addon-links@storybook/addon-ondevice-actions@storybook/addon-ondevice-knobs@storybook/react-native@storybook/react-native-server@types/jest@types/react@types/react-native@types/react-test-renderer@types/storybook__react@types/styled-components@types/styled-components-react-native@typescript-eslint/eslint-plugin@typescript-eslint/parserawesome-typescript-loaderbabel-jestbabel-loaderbabel-plugin-module-resolvereslinthuskyjestjest-styled-componentslint-stagedmetro-react-native-babel-presetreactreact-docgen-typescript-loaderreact-nativereact-native-animatablereact-native-codegenreact-native-device-inforeact-native-linear-gradientreact-native-modalreact-native-pager-viewreact-native-storybook-loaderreact-native-svgreact-native-typescript-transformerreact-powerplugreact-test-rendererstyled-componentsstylelintstylelint-config-react-native-styled-componentsstylelint-config-recommendedstylelint-config-styled-componentsstylelint-processor-styled-componentsstylelint-react-nativets-jesttypescript
📌 React Pakistan 🔥🔥🔥
React Pakistan is an OpenSource & Free Software (FOSS) platform, creating React software solutions for the global community. ⭐⭐⭐
📌 React Native UI Collection ✌
A generic to specific, UI/UX library for React Native apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React.
📌 Table of Contents 🚀
- Demo ✨
- Technology Stack ✨
- Installation ✨
- Usage ✨
- Styles ✨
- Tested ✨
- Contributors ✨
- Other Libraries from ReactPakistan ✨
- Support ✨
- Contact ✨
- Buy Me Coffee ✨
📌 Demo 🚀
Checkout React Native UI Collection
📌 Technology Stack 🚀
- React ✨
- React Native ✨
- Storybook ✨
- TypeScript ✨
- JavaScript ✨
- Styled Components ✨
- Jest ✨
- Eslint ✨
📌 Installation 🚀
- Clone the repo
- Cd into the project folder
- Figure out which package manager you have on your system, then run following commands for their specific use cases.
1 // to install dependencies 2 yarn 3 // to install pods 4 yarn pod:install 5 // to run app on iOS simulator 6 yarn ios 7 // to run app on Android simulator 8 yarn android 9 // to run all tests locally 10 yarn test
OR
1 // to install dependencies 2 npm 3 // to install pods 4 npm run pod:install 5 // to run app on iOS simulator 6 npm run ios 7 // to run app on Android simulator 8 npm run android 9 // to run all tests locally 10 npm test
📌 Usage 🚀
Add React Native UI Collection to your project.
1 yarn add @react-pakistan/react-native-ui-collection
OR
1 npm install @react-pakistan/react-native-ui-collection
Add React Native UI Collection base theme to your project.
1 yarn add @react-pakistan/util-react-native-functions
OR
1 npm install @react-pakistan/util-react-native-functions
Refer to React Pakistan Docs for detail usage docs.
📌 Styles 🚀
Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead.
1 import { ThemeProvider } from 'styled-components'; 2 import { theme } from '@react-pakistan/util-react-native-functions'; 3 4 <ThemeProvider theme={theme}> 5 <App /> 6 </ThemeProvider>
📌 Tested 🚀
We aim to achieve 100% coverage and we shall...
Should you like this project and would like to see more coming in future, please consider giving a ⭐ on Github project repo.
📌 Contributors 🚀
Thanks goes to these wonderful people (emoji key):
| Contributors | GitHub | Emoji |
|---|---|---|
 | Taimoor Khan | 🎨🤔🚧📆👀⚠️ |
📌 Other Libraries from ReactPakistan 🚀
📌 Support 🚀
If you need any help or have any question, please feel free to join ReactPakistan community at React Pakistan Slack.
📌 Contact 🚀
I can be reachable via Taimoor Web or else should you wish to send over an expression of your interest to contribute towards ReactPakistan, please shoot an email.
📌 Buy me Coffee 🚀
No vulnerabilities found.
No security vulnerabilities found.