react-china / forum-frontend

React implemented frontend for react-china.org

Unmaintained

Sorry everyone, but we are no longer maintaining this project.

React China new Forum Frontend

---

React 中文社区 React.js 版前端界面

状态

正在初始化项目

计划

• 完成 JSX 基本开发框架
• 梳理 Discourse API
• 制定 Actions, Store, Router 规范
• 完成顶层组件
• 组件细化

Develop

npm i

You need a static file server for the HTML files. Personally I suggest using Nginx.

Develop:

gulp html # regenerate index.html
webpack-dev-server --hot # enable live-reloading

Build (Pack and optimize js, reivision js and add entry in index.html):

gulp build

Usage

npm run clean

Remove folder ./build

npm run dev

Runs the webpack build system just like in compile but enables HMR and react hot-loader. The webpack dev server can be found at localhost:3000.

npm run dev:debug

Same as npm run dev but enables --debug flag automatically.

npm run dev:quiet

Same as npm run dev but disables verbose debugging information.

npm run compile

Runs the Webpack build system with your current NODE_ENV and compiles the application to disk (~/build).

npm run test

Runs all tests for the application.

npm run test:unit

Similar to npm run test, but only runs unit tests. In development mode this will run in watch mode and re-run individual test files when they change.

npm run test:e2e

TODO

Contribution

• If you want to discuss something or just need help, here is our gitter.im room.
• Have an idea? Found a bug? See how to contribute.

License

MIT (http://www.opensource.org/licenses/mit-license.php)

forum-frontend's Issues

Webpack 环境细节制定

miss a file? `./src/page`

❯ gulp html                                                                                                                                                                      
[12:08:19]
[12:10:08] Requiring external module coffee-script/register
[12:10:10] Using gulpfile ~/Documents/forum-frontend/gulpfile.coffee
[12:10:10] Starting 'html'...
[12:10:12] 'html' errored after 1.15 s
[12:10:12] Error: Cannot find module './src/page'
  at Function.Module._resolveFilename (module.js:336:15)
  at Function.Module._load (module.js:278:25)
  at Module.require (module.js:365:17)
  at require (module.js:384:17)
  at Object.<anonymous> (/Users/hysios/Documents/forum-frontend/template.cirru:6:32)
  at Module._compile (module.js:460:26)
  at Object.require.extensions..cirru (/Users/hysios/Documents/forum-frontend/node_modules/cirru-script/lib/register.js:12:19)
  at Module.load (/Users/hysios/Documents/forum-frontend/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
  at Function.Module._load (module.js:310:12)
  at Module.require (module.js:365:17)
  at require (module.js:384:17)

UI 组件规划, 任务分配

目录结构规划

移动版？React Native？

能申请一个api的api_key吗?最近在整react-native

看了下，api 不是特别复杂，不过得改成基于浏览器端的promise的。在react-native 请求 api 时提示没有权限。

路由制定

Travis CI

Open Travis CI from here;

技术工具选型

参考列表：

• React
• immutable.js
• ECMAScript 2015+ with Babel. JSX and Flowtype syntax supported
• webpack
• eslint ES6 linting with React JSX support.
• 国际化
  • formatjs.io
• 路由？
• ajax
  • superagent
  • fetch
• UI
  • react-bootstrap

Discourse API 整理

项目名字

既然要做成适配 Discourse API 的项目，为什么不起个好听的名字呢？方便其他人拿去用

Actions 规范制定

代码风格及规范

参考：

ES6：https://github.com/airbnb/javascript
React：https://github.com/airbnb/javascript/blob/master/react
CSS & Sass：https://github.com/airbnb/css

Can we stop upgrading modules and adding badges but really writing some code?

It's a good thing that we're trying to keep update to the latest cool stuff(#28), but seems that we're taking to much time on it.

There are already enough best practise here but I think it's time to actually write some really code. Like

• sort out the router
• hook the api with discourse
• create real actions or stores

It's not a good sign that we already have 43 commits but none of them are real logic code related to this project.

I'd suggest we stop sending unrelated pull request but actually write some code and get shit done.

cc/ @react-china/forum-frontend