README
¶
react-go
react-go is a Go wrapper around the React and JSX. It enables you to do server-side rendering with the React.
Overview
Currently react.js and JSXTransformer version are 0.13.3.
Dependencies: react-go use go-duktape to evaluate javascript.
Features
- Support React serverside rendering.
- Transform JSX to JS.
Example
func main() {
rc, _ := react.NewReact()
jsx, _ := react.NewJSX()
component, _ := jsx.TransformFile("./example.jsx", map[string]interface{}{
"harmony": true,
"strip_types": true,
})
rc.Load(component)
str, _ := rc.RenderComponent("App", map[string]interface{}{
"data": []interface{}{
map[string]interface{}{
"id": 1,
"name": "first",
},
map[string]interface{}{
"id": 2,
"name": "second",
},
},
})
fmt.Println(str)
}
'use strict';
var React = self.React;
var App = React.createClass({
getInitialState() {
return {
message: "loading..."
};
},
componentDidMount() {
this.setState({ message: "welcome!" });
},
render() {
var list = this.props.data.map(obj => <li key={obj.id}>{obj.name}</li>);
return (
<div>
<p>server-side rendering sample</p>
<p>{this.state.message}</p>
<ul>{list}</ul>
</div>
);
}
});
self.App = App;
output (formatted):
<div data-reactid=".1fei395a42" data-react-checksum="-1544136830">
<p data-reactid=".1fei395a42.0">server-side rendering sample</p>
<p data-reactid=".1fei395a42.1">loading...</p>
<ul data-reactid=".1fei395a42.2">
<li data-reactid=".1fei395a42.2.$1">first</li>
<li data-reactid=".1fei395a42.2.$2">second</li>
</ul>
</div>
Getting Started
Install
$ go get -u github.com/bluele/react-go
Author
Jun Kimura
Documentation
¶
Index ¶
Constants ¶
This section is empty.
Variables ¶
This section is empty.
Functions ¶
func Asset ¶
Asset loads and returns the asset for the given name. It returns an error if the asset could not be found or could not be loaded.
func AssetDir ¶
AssetDir returns the file names below a certain directory embedded in the file by go-bindata. For example if you run go-bindata on data/... and data contains the following hierarchy:
data/
foo.txt
img/
a.png
b.png
then AssetDir("data") would return []string{"foo.txt", "img"} AssetDir("data/img") would return []string{"a.png", "b.png"} AssetDir("foo.txt") and AssetDir("notexist") would return an error AssetDir("") will return []string{"data"}.
func AssetInfo ¶
AssetInfo loads and returns the asset info for the given name. It returns an error if the asset could not be found or could not be loaded.
func RestoreAsset ¶
Restore an asset under the given directory
func RestoreAssets ¶
Restore assets under the given directory recursively
Types ¶
type JSX ¶
type JSX struct {
// contains filtered or unexported fields
}
func NewJSXWithOption ¶
type Option ¶
type Option struct {
Source []byte
// size for javascript vm pool.
PoolSize int
// name for variable includes component objects. ex. "self"
GlobalObjectName string
}
func DefaultJSXOption ¶
func DefaultJSXOption() *Option
type React ¶
type React struct {
// contains filtered or unexported fields
}
func NewReactWithOption ¶
Create a new react object using option. opt: Option for react object.
func (*React) RenderComponent ¶
Render react component. name: component name params: component properties
Source Files
Directories