Taro Advanced

Taro Advanced

aro 代码与小程序代码混写

https://nervjs.github.io/taro/docs/hybrid.html

https://github.com/NervJS/taro-sample-weapp

https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/native/native.js

https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/echarts/echarts.js

使用小程序原生第三方组件和插件

https://nervjs.github.io/taro/docs/mini-third-party.html

基于 Taro 开发第三方多端 UI 库

https://nervjs.github.io/taro/docs/ui-lib.html

https://github.com/NervJS/taro-ui-sample

Templates for taro init

https://nervjs.github.io/taro/docs/template.html

https://github.com/NervJS/taro-project-templates

redux

https://github.com/NervJS/taro-project-templates/blob/master/redux/src/store/index.js

小程序统计平台

https://doc.aldwx.com/mini-program

---

redux

https://nervjs.github.io/taro/docs/redux.html

https://github.com/NervJS/taro-redux-sample

https://react-redux.js.org/api/hooks#using-memoizing-selectors

# yarn
$ yarn add redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger

#  npm
$ npm i -S redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger

使用 CSS Modules

https://nervjs.github.io/taro/docs/css-modules.html

https://github.com/css-modules/css-modules

推荐使用自定义转换模式

// 组件样式

.test {
  color: red;
  .txt {
    font-size: 36px;
  }
}

// 组件 JS 中使用样式

import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'

import styles from './Test.module.scss'

export default class Test extends Component {
  constructor(props) {
    super(props)
    this.state = { }
  }

  render () {
    return (
      <View className={styles.test}>
        <Text className={styles.txt}>Hello world!</Text>
      </View>
    )
  }
}

---