breeze2 / breader Goto Github PK

The label of Update menu item is not right.

减少视觉闪烁

• 首屏加载
• 空列表切换
• feed icon

设置模态框中的feed列表分离出来，做为一个单独组件。

使用自定义滚动条，保持不同系统下同样样式。
https://malte-wessel.com/react-custom-scrollbars/

• 更新依赖库
• 调整使用Redux & Saga代码风格

https://www.electron.build/auto-update

重构单元测试

• 提高测试覆盖率
• 减少重复测试

Custom titlebar in windows.
custom-electron-titlebar

调整feed解析流程：

• 减少http请求
• 减少pouchDB擦写

Remove auto updater when the build target is 'snap'.

feed icon存在背景图片与前景图片同时显示问题

包括：

• 各个redux store的子状态：articles、feeds、menu；
• 各个组件的mapStateToProps和mapDispatchToProps。

用TypeScript实现Electron主进程，代码文件放于./main目录下。

使用Prettier整理代码格式

• husky
• pretty-quick

更新依赖库

• electron
• react
• typescript

利用PouchDB实现数据存储（基于IndexedDB）。

• action命名规范，同步操作动词开头，异步操作async+动词开头；
• store精简，移除不必要的存储；
• reducer、saga执行流程调整；

例如：

interface IAction<P = any> {
  payload:P;
  type:string;
}

let a:IAction = {payload: {}, type:'string'};
let b:IAction<{str:string; num:number; }> = {payload: {str: 'string', b: 1}, type: 'string'};

• 升级依赖库
• 修复sentry sourcemap 前缀不匹配问题

References:

• http://manpages.ubuntu.com/manpages/bionic/man1/desktop-file-validate.1.html
• AppImage/appimage.github.io#1765

使用sentry捕获错误

• upload sourcemap

• ArticleView 骨架屏
• VirtualList 骨架屏

所有接口以I开头命名，以Interface开头也要转成I开头。

Highlight the codes in article view.

使用jest-electron-runner
更新测试用例

• redux reducers
• redux saga
• react app
• ...

https://electronjs.org/docs/tutorial/security#csp-meta-tag

Warning: componentWillReceiveProps/componentWillMount/componentWillUpdate has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.

• Move data fetching code or side effects to componentDidUpdate.
• If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at:
  https://fb.me/react-derived-state
• Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

Please update the following components: App, AppMenu, ArticleView, ArticleVirtualList, SettingsModal, WebviewDrawer

• feed icon display
• figure tag display in article view

• 打包提交到snap store；
• 设置AppImage窗口图标。

Bundling Electron apps · AppImage/AppImageKit Wiki

• commitizen
• commitlint
• standard-version

Conventional Commits

实现一个asyncDispatch方法，以分发异步的action（仅基于redux-saga）。

之前是用window.require避开了webpack解析，现在用webpack配置target: 'electron-renderer'。