Closed christianalfoni closed 9 years ago
Okay, I have created a layout suggestion. My thought process:
What do you think?
The current structure (category -> subcategory -> qa) looks ok. If/when navigation becomes an issue, something can be done about it. Architecturally speaking a system could look like this:
{
"category": "Basics",
"subcategory": "Getting started",
"title": "How to install Webpack?",
"content": "Do this and that...\n"
}
In addition there would be a search index for the frontend. See lunr for an example.
The discovery portion would then operate based on this data. You could for instance filter based on category or try more explicit searches (target title etc.).
Technically this isn't a big feat. I've done something similar with jswiki. The site content is generated based on the wiki using ghw, a custom tool I wrote. In this case a tool would parse through wiki pages and emit JSON.
The frontend would then operate based on that JSON and a search index generated based on it. I think a light frontend based on React could work. In addition it would require a router (likely react-router).
Even something light such as riot could work. Given it's brand new technology I haven't used it yet (released yesterday) but it might fit the bill perhaps.
This sounds awesome :-)
Suggest we use the sidebar as a temporary navigation tool for the wiki. When we have content and feedback on its usefulness we can move it to what you describe?
Great work done on JSWiki btw!
Yeah, the sidebar can remain there. No problems with that.
I did a first pass at the site. See the main repo for further info.
I think this sort of search fits better QA format. Now some matches tend to be quite big since it matches against title and content. Maybe the articles should have some metadata (ie. tags) attached to them? Then you could search against those and skip having to index content. The tags can be set up by using some convention. Ie. something like this would work:
TAGS: umd, webpack, configuration
It would be possible to parse those using marked
quite easily.
There's a live demo at http://christianalfoni.github.io/react-webpack-cookbook/ now.
Just started thinking... Maybe the nicest thing to do would be just to run the content through gitbook? I did this with Survive JS and it worked quite nicely.
Hi @bebraw, sorry for late response, I have been away on vacation for a few days.
I really liked the gitbook presentation. How does that work in regards of creating and publishing content?
The search was also cool, though yeah, that is more for Q&A. Is it possible to point it to specific pages?
I will keep adding content until we land a platform, but :+1: on gitbook :-)
Hi @bebraw, sorry for late response, I have been away on vacation for a few days.
No probs. I did some cleanup and added some new content. There are still blank pages, though. I hope you can look into those at some point.
I really liked the gitbook presentation. How does that work in regards of creating and publishing content?
It is quite straight-forward to set up. It comes with a simple cli tool that can be hooked up as a package.json
script. Then you would do something like npm run gitbook && npm run gh-deploy
to update the content. It will require book.json
(metadata) and SUMMARY.md
(TOC, points at content) but once those have been set up the process should work I think.
If you want I can set it up.
Gitbook based build is running now. See http://christianalfoni.github.io/react-webpack-cookbook/ .
Notes:
Hey! This is awesome! I really like this format, and as you say, it is possible to add more features.
I have been thinking a bit on the format of each page. I will by writing up some more today, try to keep things a bit simpler. Think of the content more as "reference page" than a "tutorial page". Very often you just want to get in and do one specific thing and the most important thing is the code examples I think.
Or maybe split things up in: Tutorials and HowTos. Anyways, we can just keep iterating and we will land on some good formats eventually.
This is really great work! I have been getting more feedback on webpack and React JS so there seems to be more interest in it these days. Good timing for a cookbook :-)
Or maybe split things up in: Tutorials and HowTos. Anyways, we can just keep iterating and we will land on some good formats eventually.
Maybe this could be reflected in the sectioning somehow. Current ones (basic, advanced, theory) don't tell a lot. How about React? The cookbook should be about Webpack and React after all. Here's a sectioning that would make sense to me at the moment:
You could either read this linearly or just pick the parts you find interesting. For instance if you are already familiar with Webpack, perhaps you would like to read just production bits. Or if you are new to React, start from there.
Once the structure starts to stabilize and we have content together, it would make sense to write concrete code examples for various parts in the repo.
I suppose we can close this now.
Well made wikis:
http://www.quora.com/What-are-some-examples-of-very-well-made-GitHub-wiki-pages-for-open-source-projects