react-router about react-firebase-starter

[t-kelly]

Actually I see you've been working on your own router, react-routing. What about integrating that into this project?

[koistya]

Yep, definitely! I'm still thinking what's the best way to improve the routing (e.g. /users/:id) and navigation (e.g. Location.goBack(), Location.naivgateTo(path, {replace: true})) in this project.

[t-kelly]

I've just finished integrating your react-routing package into this, you can find it here: https://github.com/TeeKz/react-static-boilerplate/tree/react-routing

I like how you automatically make the routes, but it makes the project folder pretty messy compared to your react-starter-kit project. What if we had routes created automatically for 'content' made with jade files (like RSK) and then manually code in other routes?

[koistya]

@teekz I was going to support both JSX and Markdown or Jade formats, so you could choose what format to use for each particular page. For example:

/pages/index.jade
/pages/about.md
/pages/products.js (JSX)
/pages/cart/index.js (JSX)
/pages/cart/checkout.js (JSX)

^ will be compiled to

/build/index.html
/build/about.html
/build/products.html
/build/cart/index.html
/build/cart/checkout.html

[t-kelly]

@koistya So every page will need a md/js/jade file? Yeah that could work!

Build the site directory structure based on the /pages internal structure and then we could easily have the other folders you use in RSK, such as /components, utils, etc. to keep things modular and tidy.

[koistya]

Yep

[t-kelly]

Can we use what I've done so far with react-routing? I still need to adjust the automated route creation to work for the different formatting, but other then that things are working nicely!

Let me know :)

[koistya]

Yep, looks good. I would just mix it with automatic route generation for static pages.

[seanli]

@teekz is there a way to know which link in the navigation is active?

[t-kelly]

Haven't got there yet! We'll have to start managing state to get that.
On Aug 20, 2015 5:59 PM, "Li Shang" [email protected] wrote:

@teekz https://github.com/TeeKz is there a way to know which link in
the navigation is active?

—
Reply to this email directly or view it on GitHub
https://github.com/koistya/react-static-boilerplate/issues/9#issuecomment-133190110
.

[seanli]

@teekz Haha I see. Awesome work so far! Need this so badly :p

[hew]

I'm interested to see how the this turns out.

That said, I might try integrating Rakt Router if anyone has any interest.