5.3.5 • Published 3 years ago

babel-plugin-nornj-in-jsx v5.3.5

Weekly downloads
15
License
MIT
Repository
github
Last release
3 years ago

NPM Version Coverage Status NPM Downloads

Babel-Plugin-NornJ-in-jsx是一个能为 JSX 带来更多丰富语法的 Babel 插件,比如条件及循环语句:

const Button = () => {
  return (
    <div>
      <for i={0} to={10}>
        <if condition={i < 5}>
          <i>less than 5</i>
          <else>
            <i>greater than 5</i>
          </else>
        </if>
      </for>
    </div>
  );
};

以及类似 Vue、Angular 的指令:

const Button = props => {
  return (
    <div>
      <input type="button" n-show={props.showBtn} />
    </div>
  );
};

还有过滤器:

const Button = props => {
  return <div>{n`${props.name} | upperFirst`}</div>;
};

更重要的是,除了以上这些预置的语法,还支持像 Vue、Angular 那样自由扩展新的语法:

import nj from 'nornj';
import cn from 'classnames';
nj.registerExtension('class', opts => cn(opts.value()));

const Button = props => {
  return (
    <div>
      <input
        type="button"
        n-class={{
          className1: true,
          className2: props.hasClassName2
        }}
      />
    </div>
  );
};

为什么创建这个插件?

React项目开发中,原生的JSX语法并没有提供类似Vuev-ifv-forv-show等模板语法糖。当然,社区为JSX贡献了不少相关的插件,比如jsx-control-statements

Babel-Plugin-NornJ-in-jsx的设计灵感就来源于上述的jsx-control-statements。只不过,它比前者的功能要更加丰富得多;且可以支持扩展 :wink:。

License

MIT

5.3.5

3 years ago

5.3.3

4 years ago

5.3.4

4 years ago

5.3.2

4 years ago

5.3.1

4 years ago

5.3.0

5 years ago

5.2.8

5 years ago

5.2.7

5 years ago

5.2.6

5 years ago

5.2.5

5 years ago

5.2.4

5 years ago

5.2.3

5 years ago

5.2.2

5 years ago

5.2.1

5 years ago

5.2.0

5 years ago

5.2.0-rc.9

5 years ago

5.2.0-rc.7

5 years ago

5.2.0-rc.8

5 years ago

5.2.0-rc.6

5 years ago

5.2.0-rc.5

5 years ago

5.2.0-rc.4

5 years ago

5.2.0-rc.3

5 years ago

5.2.0-rc.2

5 years ago

5.2.0-rc.1

5 years ago

5.2.0-beta.5

5 years ago

5.2.0-beta.4

5 years ago

5.2.0-beta.3

5 years ago

5.2.0-beta.2

5 years ago

5.2.0-beta.1

5 years ago

5.1.1

5 years ago

5.1.0

6 years ago

5.0.7

6 years ago

5.0.6

6 years ago

5.0.5

6 years ago

5.0.4

6 years ago

5.0.3

6 years ago

5.0.2

6 years ago

5.0.1

6 years ago

5.0.0

6 years ago

5.0.0-rc.51

6 years ago

5.0.0-rc.50

6 years ago

5.0.0-rc.49

6 years ago

5.0.0-rc.48

6 years ago

5.0.0-rc.47

6 years ago

5.0.0-rc-46

6 years ago

5.0.0-rc.45

6 years ago

5.0.0-rc.44

6 years ago

5.0.0-rc.43

6 years ago

5.0.0-rc.42

6 years ago

5.0.0-rc.41

6 years ago

5.0.0-rc.40

6 years ago

5.0.0-rc.39

6 years ago

5.0.0-rc.38

6 years ago

5.0.0-rc.37

6 years ago

5.0.0-rc.36

6 years ago

5.0.0-rc.35

6 years ago

5.0.0-rc.34

6 years ago

5.0.0-rc.33

6 years ago

5.0.0-rc.32

6 years ago

5.0.0-rc.31

6 years ago

5.0.0-rc.30

6 years ago

5.0.0-rc.29

6 years ago

5.0.0-rc.28

6 years ago

5.0.0-rc.27

6 years ago

5.0.0-rc.26

6 years ago

5.0.0-rc.25

6 years ago

5.0.0-rc.24

6 years ago

5.0.0-rc.23

6 years ago

5.0.0-rc.22

6 years ago

5.0.0-rc.21

6 years ago

5.0.0-rc.20

6 years ago

5.0.0-rc.19

6 years ago

5.0.0-rc.18

6 years ago

5.0.0-rc.17

6 years ago

5.0.0-rc.16

6 years ago

5.0.0-rc.15

6 years ago

5.0.0-rc.14

6 years ago

5.0.0-rc.13

6 years ago

5.0.0-rc.12

6 years ago

5.0.0-rc.11

6 years ago

5.0.0-rc.10

6 years ago

5.0.0-rc.9

6 years ago

5.0.0-rc.8

6 years ago

5.0.0-rc.7

6 years ago

5.0.0-rc.6

6 years ago

5.0.0-rc.5

6 years ago

5.0.0-rc.4

6 years ago

5.0.0-rc.3

6 years ago

5.0.0-rc.2

6 years ago

5.0.0-rc.1

6 years ago

5.0.0-beta.8

6 years ago

5.0.0-beta.7

6 years ago

5.0.0-beta.6

6 years ago

5.0.0-beta.5

6 years ago

5.0.0-beta.4

6 years ago

5.0.0-beta.3

6 years ago

5.0.0-beta.2

6 years ago

5.0.0-beta.1

6 years ago

5.0.0-alpha.7

6 years ago

5.0.0-alpha.6

6 years ago

5.0.0-alpha.5

6 years ago

5.0.0-alpha.4

6 years ago

5.0.0-alpha.3

6 years ago

5.0.0-alpha.2

6 years ago

5.0.0-alpha.1

6 years ago

0.4.15

7 years ago

0.4.14

7 years ago

0.4.13

7 years ago

0.4.12

7 years ago

0.4.11

7 years ago

0.4.10

7 years ago

0.4.9

7 years ago

0.4.8

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.5

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.4.2

7 years ago

0.4.2-alpha.8

7 years ago

0.4.2-alpha.7

7 years ago

0.4.2-alpha.6

7 years ago

0.4.2-alpha.5

7 years ago

0.4.2-alpha.4

7 years ago

0.4.2-alpha.3

7 years ago

0.4.2-alpha.2

7 years ago

0.4.2-alpha.1

7 years ago