{"id":18309984,"url":"https://github.com/ne-smalltown/react-quietwater","last_synced_at":"2026-04-09T10:44:41.618Z","repository":{"id":57343062,"uuid":"86316646","full_name":"NE-SmallTown/React-QuietWater","owner":"NE-SmallTown","description":"A comment component driven by React@16~","archived":false,"fork":false,"pushed_at":"2017-09-12T05:40:43.000Z","size":1539,"stargazers_count":6,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-04T20:40:39.325Z","etag":null,"topics":["blog","blog-comment","comment","comments","comments-widget","component","react","react-component","react-components"],"latest_commit_sha":null,"homepage":"https://ne-smalltown.github.io/React-QuietWater/examples","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NE-SmallTown.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-27T09:28:20.000Z","updated_at":"2019-03-28T10:13:58.000Z","dependencies_parsed_at":"2022-09-17T06:20:58.758Z","dependency_job_id":null,"html_url":"https://github.com/NE-SmallTown/React-QuietWater","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NE-SmallTown%2FReact-QuietWater","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NE-SmallTown%2FReact-QuietWater/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NE-SmallTown%2FReact-QuietWater/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NE-SmallTown%2FReact-QuietWater/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NE-SmallTown","download_url":"https://codeload.github.com/NE-SmallTown/React-QuietWater/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247375773,"owners_count":20929105,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","blog-comment","comment","comments","comments-widget","component","react","react-component","react-components"],"created_at":"2024-11-05T16:12:55.399Z","updated_at":"2026-04-09T10:44:41.543Z","avatar_url":"https://github.com/NE-SmallTown.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"140\" height=\"140\" src=\"https://preview.ibb.co/hMtfCa/quiet_water_logo.png\"\u003e\n\u003c/p\u003e\n\n[![build status](https://img.shields.io/travis/NE-SmallTown/React-QuietWater.svg)](https://travis-ci.org/NE-SmallTown/React-QuietWater)\n[![npm package](https://img.shields.io/npm/v/react-quietwater.svg?style=flat-square)](https://www.npmjs.com/package/react-quietwater)\n[![npm downloads](https://img.shields.io/npm/dm/react-quietwater.svg?style=flat-square)](https://www.npmjs.org/package/React-QuietWater)\n[![npm license](https://img.shields.io/npm/l/react-quietwater.svg?style=flat-square)](https://www.npmjs.com/package/react-quietwater)\n\n### What is React-QuietWater?\n\n**React-QuietWater** is a comment system based on [react](https://github.com/facebook/react), [react-css-modules](https://github.com/gajus/babel-plugin-react-css-modules) and [redux-orm](https://github.com/tommikaikkonen/redux-orm).Its UI draw on [zhihu](https://www.zhihu.com) and [medium](https://medium.com/),\nand think about something from twitter,facebook,quora and other design websites.\n\nIf you are interested in its origin,you can view [this](https://github.com/NE-SmallTown/React-QuietWater/blob/master/Origin.md)\n\n### Installation\n\n`npm install react-quietwater --save`\n\nReact-QuiertWater is based on React 16,though now it's in alpha,but this summer(2017) it will be released.Although now we\ndon't use much features in this repo(e.g. `\u003cErrorBoundary\u003e`),but for future,we need to be familiar with next version of React,\nso that's why I use it now.If you don't want to use React 16 in your project,sorry for that this repo can't work.\n\n### Demo\n\nYou can view the [online example](https://ne-smalltown.github.io/React-QuietWater/examples).And please note that \nalthough we use mock data(by [easy-mock](https://www.easy-mock.com/)) for the example but maybe the data don't have correct logic like the real world.This demo is just\nfor showing the UI and the basic logic.But if you want to improve this,pr is always welcomed.\n\n\u003e NOTE: Some functions like praise/thumbdown a reply,submit reply/comment are allowable only when you have logined.\nSo for testing React-QuietWater expediently.Default our test api interface doesn't return a token of the user.So \nWe provide a [token](https://github.com/NE-SmallTown/React-QuietWater/tree/master/src/examples/token),you can set it to your `config.localStorage.info2Storage.userToken` (default the value is 'u_tk',\ni.e set `localstorage.u_tk` to the token value).And then you can test these functions otherwise it will redirect to the \nlogin page which you set.\n\n\u003e NOTE: For now we just support browserHistory.If you use hashHistory,some modules maybe can't work.\n\n### Documentation\n\n- *NOTE*: We would like to see any pr/(UI design)/(feature request)/enhancement based on our Name origin,but if they breaches our\nMotivation,we won't accpt them,so we recommend you fork or just copy our repo and modify it to whatever you want.\n\nAll you need to do is complete the [config options](https://github.com/NE-SmallTown/React-QuietWater/tree/master/src/examples/README.md) according to your use case.\n\n### F \u0026 Q\n\nYou can view [this](https://github.com/NE-SmallTown/React-QuietWater/tree/master/F\u0026Q.md) to know some F \u0026 Q.\n\n### Design thinking\n\nIf you are Chinese,please believe that we have looked through \n- [如何评价知乎主站 2016 年末的设计改版？](https://www.zhihu.com/question/54303734)\n- [如何评价知乎2017年1月的改版？](https://www.zhihu.com/question/54527018)\n- [如何评价 2017 年 2 月 7 日知乎的新版网页界面？](https://www.zhihu.com/question/55523985)\n\nThanks for everyone who gives good advice in the comments of above question.They inspire me a lot,thanks!\n\nWe would like to listen and appreciate all issues/suggestions about whatever aspects.But please don't just complain\n,that's very rude and meaningless.Please don't just think about yourself's thoughts or experience and think them are\nthe best design or blue print.\n\nIf you have any good thought,feel free to file an issue or a pr!If you are friendly,we\nwould like to join the discussion,if not,we also accept but you have to prove your thoughts are acceptable by most people\nand provide feasible scheme.So,if you are not friendly and can't prove and provide.We will don't reply the issue and close\nit.\n\n### License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fne-smalltown%2Freact-quietwater","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fne-smalltown%2Freact-quietwater","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fne-smalltown%2Freact-quietwater/lists"}