先把这个包安装进去,就像是React Native的必备选项

我认为大致上已经决定了要使用的软件包,所以我集合了任何应用大致上都可能需要的内容。

0.63.x 版本的意图是:

yarn add \
    ahooks \
    dayjs \
    react-native-device-info \
    react-native-fast-image \
    react-native-fbsdk-next \
    react-native-gesture-handler \
    react-native-localize \
    react-native-notifications \
    react-native-reanimated \
    react-native-safe-area-context \
    react-native-screens \
    react-native-vector-icons \
    react-native-webview \
    tailwind-rn \
    zustand \
    @invertase/react-native-apple-authentication \
    @react-native-async-storage/async-storage \
    @react-native-community/google-signin \
    @react-native-community/masked-view \
    @react-native-community/netinfo \
    @react-native-firebase/app \
    @react-native-firebase/auth \
    @react-native-firebase/dynamic-links \
    @react-navigation/drawer \
    @react-navigation/native \
    @react-navigation/stack \
    @react-navigation/bottom-tabs

yarn add -D \
    @types/react \
    @types/react-native \
    @types/react-native-fbsdk \
    @types/react-native-vector-icons \
    typescript 

几乎可以确定的进入系。

反应原生快速图片

比标准镜像更快,缓存效果良好。

使用React Native的设备信息插件

需要获取版本时

React Native WebView 反应式本地化网络视图

在展示静态页面时,大多数情况下可能会使用。

@invertase/react-native-apple-authentication的中文译文请参见以下选项:

在 iOS 中已成为必需品。

@react-native-async-storage/async-storage – 反应本地异步存储/异步存储

似乎没有太多不使用的应用程序。

2021/08/16:已更改为@react-native-community/async-storage。

@react-native-community/netinfo – @react-native-community/netinfo

在想要以离线方式显示时

响应式原生向量图标库

里面有大约6000种图标。

事实标准系

@react-navigation/native -> @react-navigation/native

    • @react-native-community/masked-view

 

    • @react-navigation/stack

 

    • react-native-gesture-handler

 

    • react-native-reanimated

 

    • react-native-safe-area-context

 

    react-native-screens

要视情况而定,但附带下列内容也会包括在内。

    • @react-navigation/drawer

 

    @react-navigation/bottom-tabs

react-native-localize 反应原生本土化

获取时区等相关信息

@react-native-community/google-signin – @react-native-community/谷歌登录

谷歌登录公式

react-native-fbsdk-next的本机中文释义:应对原生反应-面脸书次级。

公式的 Facebook 登录。之前是 react-native-fbsdk,但现在已移交给社区管理。

React Native的通知组件

@react-native-community/push-notification-ios 是一个不错的选择,但它不能与 Android 共用。

不是必须的,也不是什么都不是,但个人习惯经常使用的软件包。

啊胡克斯

React Hooks 的实用工具。由于react-use依赖于DOM,所以无法在React Native中使用。

Day.js

瞬間的替代

顺风-RN

能够轻松定义样式。比起使用 Styled Components 等方式,能够减少代码量。

状态

虽然在 Hooks 时代,我们可以使用 Jotai、Recoil 等工具进行状态管理,但是有时在 React 以外的地方操作状态也是一种需求,因此我推荐使用 Zustand。

如果要添加Firebase身份验证,

    • @react-native-firebase/app

 

    • @react-native-firebase/auth

 

    @react-native-firebase/dynamic-links

在使用电子邮件地址进行链接登录时,需要使用动态链接。