README
¶
go-react-router
React-Router Bindings for GopherJS.
Will need https://github.com/bep/gr to run.
See it in action here: http://bego.io/goreact/examples/router/
See also:
Example Setup
var (
component1 = gr.New(&clickCounter{title: "Counter 1", color: "#ff0066"})
component2 = gr.New(&clickCounter{title: "Counter 2", color: "#339966"})
component3 = gr.New(&clickCounter{title: "Counter 3", color: "#0099cc"})
component3_2 = gr.New(&clickCounter{title: "Counter 3_2", color: "#ffcc66"})
// WithRouter makes this.props.router happen.
appComponent = gr.New(new(app), gr.Apply(grouter.WithRouter))
router = grouter.New("/", appComponent).With(
grouter.NewIndexRoute(grouter.Components{"main": component1}),
grouter.NewRoute("c1", grouter.Components{"main": component1}),
grouter.NewRoute("c2", grouter.Components{"main": component2}),
grouter.NewRoute("c3", grouter.Components{"main": component3, "sub": component3_2}),
)
)
Documentation
¶
Overview ¶
Package grouter implements GopherJS bindings for react-router.
Index ¶
- func IsActive(props gr.Props, pathOrLoc string) bool
- func Link(to, text string) gr.Modifier
- func MarkIfActive(props gr.Props, pathOrLoc string) gr.Modifier
- func WithHistory(history History) func(*Router) error
- func WithRouter(o *js.Object) *js.Object
- type Components
- type History
- type Route
- type Router
Constants ¶
This section is empty.
Variables ¶
This section is empty.
Functions ¶
func MarkIfActive ¶
MarkIfActive marks by the active CSS class if the given path or location is active or not. If not active, a modifier that does nothing is returned.
func WithHistory ¶
WithHistory is a configuration option to set the history implementation to use.
Types ¶
type Components ¶
Components represents named components for a route.
type Route ¶
type Route struct {
// contains filtered or unexported fields
}
A Route is defined by a path and one or more components. Components can be named. Routes can be nested..
func NewIndexRoute ¶
func NewIndexRoute(components Components) Route
NewIndexRoute defines the route used when the user visits "/". See https://github.com/reactjs/react-router/blob/master/docs/guides/IndexRoutes.md
Source Files
Directories