V2 |V1

Hooks Library for Taro

✨ Features

🚀 Quick Start

# npm$ npm i taro-hooks# yarn$ yarn add taro-hooks# pnpm$ pnpm add taro-hooks

# npm$ npm i @taro-hooks/plugin-react# yarn$ yarn add @taro-hooks/plugin-react# pnpm$ pnpm add @taro-hooks/plugin-react

// config/index.jsmodule.exports={// ...plugins:['@taro-hooks/plugin-react'],// ...};

# npm$ npm i @taro-hooks/plugin-vue# yarn$ yarn add @taro-hooks/plugin-vue# pnpm$ pnpm add @taro-hooks/plugin-vue

// config/index.jsmodule.exports={// ...plugins:['@taro-hooks/plugin-vue'],// ...};

⌨️ Usage

import{useEnv}from'taro-hooks';functionIndex(){constenv=useEnv();return<View>current env:{env}</View>;}

<template><view>current env: {{env}}</view></template><scriptsetuplang="ts">import{useEnv}from'taro-hooks';constenv=useEnv();</script>

🎰 auto-import

# npm$ npm i @taro-hooks/plugin-auto-import# yarn$ yarn add @taro-hooks/plugin-auto-import# pnpm$ pnpm add @taro-hooks/plugin-auto-import

// config/index.jsconstconfig={// ...// The main prerequisite is that you have installed the plugin for the corresponding framework.plugins:[// If you are using vue3, please install the @taro-hooks/plugin-vue plugin beforehand.'@taro-hooks/plugin-vue'，// If using React/PReact/Nerv, please pre-install the @taro-hooks/plugin-react plugin.'@taro-hooks/plugin-react',// Finally, the auto-import plugin is configured['@taro-hooks/plugin-auto-import',{// your options, see configuration: https://github.com/antfu/unplugin-auto-import#configuration}]],// ...};

functionIndex(){constenv=useEnv();return<View>current env:{env}</View>;}

<template><view>current env: {{env}}</view></template><scriptsetuplang="ts">constenv=useEnv();</script>

📦 Packages

🗨️ Communication

🤸 Contribution

🍻 Contributors

📑 License

💰 Sponsoring

📈 Star History