Library Usage
npm inpm run husky:setup- Delete example folder
- Delete build folder
- Make your own library into the
libfolder - Change package.json
- Change README for your own documentation
npm run build
> [email protected] build /Users/kuray/Coursion/MyLibraries/ReactNative/react-native-typescript-library-starter
> cd lib && tsc && cp ../package.json ../build/dist/ && Echo Build completed!
Build completed!
- Test your build/dist into the new project
- Finally, time to npm publish :)
Below part is for Documentation ! Remove above Library Usage
Installation
Add the dependency:
npm i react-native-typescript-library-starterPeer Dependencies
IMPORTANT! You need install them
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",Usage
Import
import MyComponent from "react-native-typescript-library-starter";Fundamental Usage
<MyComponent />Example Project 😍
You can checkout the example project
Simply run
npm ireact-native run-ios/android
should work of the example project.
Configuration - Props
Fundamentals
| Property | Type | Default | Description |
|---|---|---|---|
| title | string | undefined | change the title |
| description | string | undefined | change the descrition |
Customization (Optionals)
| Property | Type | Default | Description |
|---|---|---|---|
| enableButton | boolean | false | let you enable the button (must use it for button) |
| onPress | function | undefined | set your own logic for the button functionality when it is pressed |
| buttonText | string | undefined | change the button's text |
| style | ViewStyle | default | set or override the style object for the main container |
| buttonStyle | ViewStyle | default | set or override the style object for the button style |
| ImageComponent | Image | default | set your own component instead of default react-native Image component |
Future Plans
-
LICENSE - Write an article about the lib on Medium
Change Log
Change log will be here !
Author
FreakyCoder, [email protected]
License
React Native Typescript Library Starter is available under the MIT license. See the LICENSE file for more info.