Zewail-React Snippets是一款专为React开发者设计的代码提示工具，旨在通过简洁的关键字快速生成常用代码片段，显著提升开发效率。该工具支持以下功能：

import

• ims: import $1 from '$2'
• imo: import { $2 } from '$1'
• imcp: import ${1:componentName} from '@/components/${1:componentName}'
• imr: import React, { Component } from 'react'
• imcon: import { connect } from 'react-redux'
• imct: import ${1:ContainerName} from '@/components/${1:ContainerName}'
• imcls: import ClassNames from 'classnames'

React

• rcc: 生成Class组件

• rcf: 生成包含所有生命周期方法的Class组件

• rcl: 生成函数式组件

• cwm: componentWillMount 方法

• cdm: componentDidMount 方法

• cwr: componentWillReceiveProps 方法

• scu: shouldComponentUpdate 方法

• cwu: componentWillUpdate 方法

• cdu: componentDidUpdate 方法

• cwun: componentWillUnmount 方法

• ren: render 方法

• ss: this.setState({ $0 })

• ssf: this.setState((prevState, props) => ({ $0 }))

• bnd: this::this.${0:handleFunctionName}

Redux

• connect: @connect(({ $1 }) => ({ $2 }))

其他

• log: console.log('$0 ===========================> ', $1)

通过这些简洁的关键字，开发者可以快速生成所需的代码片段，减少手动输入的时间，提高开发效率。无论是新手还是经验丰富的React开发者，Zewail-React Snippets都能为您的开发工作带来便利。