3r-boilerplate 中文文档教程
react-native / react-navigation / redux Boilerplate
1- react-native
2- react-navigation
3- redux
bileşenlerini içeren temel bir sayfa oluşturan bir taslak oluşturur.
1- createScreen
2- createComponent
gibi scriptler eklenilerek klasör mimarisine uygun dosyalar oluşturulur.
Verilen code snippets [link: okancancosar.code-snippets] ile belirli kısayollar kullanılabilir.
Bu snippets'ı kullanmak için dosyayı
home/YOURUSERNAME/.config/Code/User/snippets/okancancosar.code-snippets
dizinine atmalıyız.
KURULUM
Adım 1: Npm paketlerinin kurulumu
$ yarn add redux-thunk redux-logger redux react-redux react-navigation-stack react-navigation react-native-gesture-handler redux-api-middleware
Adım 2: /index.js dosyasını değiştir
import App from "./App";
import App from "./src";
Adım 3: Dosyaları kopyala
/src
Adım 4: Ekle package.json > scripts
{
....
"scripts": {
...
"release": "react-native run-android --variant=release",
"release-apk": "./gradlew bundleRelease",
"createScreen": "chmod +x ./src/lib/bashs/cs.sh && ./src/lib/bashs/cs.sh ${name}",
"createComponent": "chmod +x ./src/lib/bashs/cc.sh && ./src/lib/bashs/cc.sh ${name}"
...
},
....
}
KULLANIM
Projeye yeni bir ekran eklemek için dosyalarını oluşturma
$ name=ExampleScreenName npm run createScreen
Projeye yeni bir ortak kullanılan component eklemek için dosyalarını oluşturma
$ name=HeaderLeft npm run createComponent
Snippet'ların kullanımı
1- Verilen prefix'i yazdıktan sonra TAB tuşunu kullanmak 2- Verilen prefix'i yazdıktan sonra CTRL+SPACE kombinasyonunu kullanmak
ROADMAP
1- Realm ekleyerek离线第一个bir yapı kurmak
react-native / react-navigation / redux Boilerplate
1- react-native
2- react-navigation
3- redux
bileşenlerini içeren temel bir sayfa oluşturan bir taslak oluşturur.
1- createScreen
2- createComponent
gibi scriptler eklenilerek klasör mimarisine uygun dosyalar oluşturulur.
Verilen code snippets [link: okancancosar.code-snippets] ile belirli kısayollar kullanılabilir.
Bu snippets'ı kullanmak için dosyayı
home/YOURUSERNAME/.config/Code/User/snippets/okancancosar.code-snippets
dizinine atmalıyız.
KURULUM
Adım 1: Npm paketlerinin kurulumu
$ yarn add redux-thunk redux-logger redux react-redux react-navigation-stack react-navigation react-native-gesture-handler redux-api-middleware
Adım 2: /index.js dosyasını değiştir
import App from "./App";
import App from "./src";
Adım 3: Dosyaları kopyala
/src
Adım 4: Ekle package.json > scripts
{
....
"scripts": {
...
"release": "react-native run-android --variant=release",
"release-apk": "./gradlew bundleRelease",
"createScreen": "chmod +x ./src/lib/bashs/cs.sh && ./src/lib/bashs/cs.sh ${name}",
"createComponent": "chmod +x ./src/lib/bashs/cc.sh && ./src/lib/bashs/cc.sh ${name}"
...
},
....
}
KULLANIM
Projeye yeni bir ekran eklemek için dosyalarını oluşturma
$ name=ExampleScreenName npm run createScreen
Projeye yeni bir ortak kullanılan component eklemek için dosyalarını oluşturma
$ name=HeaderLeft npm run createComponent
Snippet'ların kullanımı
1- Verilen prefix'i yazdıktan sonra TAB tuşunu kullanmak 2- Verilen prefix'i yazdıktan sonra CTRL+SPACE kombinasyonunu kullanmak
ROADMAP
1- Realm ekleyerek offline first bir yapı kurmak
更多
你可能也喜欢
- 20k-demo-road 中文文档教程
- @0xaio/react-scripts 中文文档教程
- @21epub/epub-form-components 中文文档教程
- @4geit/swg-contact-model 中文文档教程
- @62d/generator-62d 中文文档教程
- @7factor/react-native-form-builder 中文文档教程
- @8base/apollo-link-ws 中文文档教程
- @a-mehrabi/aranode-protobuf-parser 中文文档教程
- @abc.xyz/drop-down-treeview 中文文档教程
- @abhisekp/test-npm-app 中文文档教程