Current path is ${props.location.pathname}
'); 20 | } 21 | } 22 | ``` 23 | 24 | You can also combine HOCs for a single component by simply adding more `@:wrap` 25 | meta: 26 | 27 | ```haxe 28 | import react.ReactComponent; 29 | import react.ReactMacro.jsx; 30 | import react.ReactType; 31 | import react.router.ReactRouter; 32 | import react.router.Route.RouteRenderProps; 33 | 34 | private typedef Props = { 35 | > RouteRenderProps, 36 | var answer:Int; 37 | } 38 | 39 | @:wrap(ReactRouter.withRouter) 40 | @:wrap(uselessHoc(42)) 41 | class MyComponent extends ReactComponentOfProps53 | Current path is ${props.location.pathname} and the answer is ${props.answer} 54 |
55 | '); 56 | } 57 | } 58 | ``` 59 | 60 | ## `@:publicProps(TProps)` 61 | 62 | One thing to note, though: you will loose props type checking in jsx. You can 63 | get this back by separating your component's public and final props: 64 | 65 | ```haxe 66 | // Final props 67 | private typedef Props = { 68 | > PublicProps, 69 | > RouteRenderProps, 70 | } 71 | 72 | // Public props, which need to be provided via jsx 73 | private typedef PublicProps = { 74 | var path:String; 75 | } 76 | ``` 77 | 78 | You can then tell `@:wrap` what public props you are expecting by adding a 79 | `@:publicProps` meta, and get back all the props typing (including missing and 80 | extra props warnings/errors) like a "normal" component: 81 | 82 | ```haxe 83 | @:publicProps(PublicProps) 84 | @:wrap(ReactRouter.withRouter) 85 | class MyComponent extends ReactComponentOfPropsWelcome to ${props.path}!
'); 90 | } 91 | } 92 | ``` 93 | 94 | ## `@:noPublicProps` 95 | 96 | However, sometimes your component doesn't have any public prop. You can then use 97 | `@:noPublicProps` meta to get errors when sending extra props to this component: 98 | 99 | ```haxe 100 | import react.ReactComponent; 101 | import react.ReactMacro.jsx; 102 | import react.router.ReactRouter; 103 | import react.router.Route.RouteRenderProps; 104 | 105 | @:noPublicProps 106 | @:wrap(ReactRouter.withRouter) 107 | class MyComponent extends ReactComponentOfPropsCurrent path is ${props.location.pathname}
'); 110 | } 111 | } 112 | ``` 113 | 114 | ## `-D react_wrap_strict` 115 | 116 | You may want to enforce using either `@:publicProps(MyPublicProps)` or 117 | `@:noPublicProps` for all your `@:wrap`-ed components to make sure your jsx 118 | calls are all safe. 119 | 120 | By adding the `react_wrap_strict` compilation flag, you will get compilation 121 | warnings when a `@:wrap`-ed component does not expose its public props type. 122 | 123 | -------------------------------------------------------------------------------- /extraParams.hxml: -------------------------------------------------------------------------------- 1 | --macro react.jsx.JsxStaticMacro.addHook() 2 | --macro addGlobalMetadata('', '@:build(react.jsx.JsxStaticMacro.build())') 3 | 4 | -D react=1.122.0 5 | -------------------------------------------------------------------------------- /haxelib.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-next", 3 | "license": "MIT", 4 | "tags": [], 5 | "description": "Many breaking changes for react, aiming for a future 2.0.0 release", 6 | "contributors": [ 7 | "klabz" 8 | ], 9 | "releasenote": "ReactTypeOf improvements, and prepare for haxe 4.2", 10 | "version": "1.122.0", 11 | "url": "https://github.com/kLabz/haxe-react", 12 | "classPath": "src/lib", 13 | "documentation": { 14 | "url": "https://github.com/kLabz/haxe-react/tree/next/doc", 15 | "metadata": "doc/metadata.json", 16 | "defines": "doc/defines.json" 17 | }, 18 | "dependencies": { 19 | "tink_hxx": "", 20 | "js-object": "" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /mdk/info.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "api-react", 3 | "version": "1.122.0" 4 | } 5 | -------------------------------------------------------------------------------- /releaseHaxelib.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | rm -f haxe-react.zip 3 | zip -r haxe-react.zip src haxelib.json README.md changes.md doc extraParams.hxml 4 | # haxelib submit haxe-react.zip $1 $2 --always 5 | haxelib submit haxe-react.zip 6 | -------------------------------------------------------------------------------- /res/gen/GenHtmlEntities.hx: -------------------------------------------------------------------------------- 1 | import haxe.Json; 2 | import haxe.macro.Context; 3 | import haxe.macro.Expr; 4 | import haxe.macro.ExprTools; 5 | import haxe.macro.Printer; 6 | import haxe.macro.TypeTools; 7 | import sys.io.File; 8 | 9 | class GenHtmlEntities 10 | { 11 | static public function main() 12 | { 13 | generate(); 14 | } 15 | 16 | macro static function generate() 17 | { 18 | var src = File.getContent('entities.json'); 19 | src = src.split('\\u').join('\\\\u'); 20 | var json = Json.parse(src); 21 | 22 | var map:Map