Using react-css-modules
(v0.6.*)
Currently, stylesheets in Boostnote has been compiled separately from React Components.
It makes hard to manage style codes. If I remove a component, I have to find and delete the style code related it. It is so tiresome and annoying task. Therefore, there must be some unnecessary codes I haven't noticed.
To solve this problem, I'd been trying several CSS library for React app and react-css-modules
seems to be the best.
From v0.6.* every React component in Boostnote will use react-css-modules
.
Simplify state2prop function of Redux (v0.6.*)
As you see, the remap
function in HomePage component looks so horrible. It is because I wasn't good at using Redux at that time.
I'm currently re-writing it overall and it will be shipped on v0.6.*.
Decouple app structure into backend and frontend
The current build is highly consolidated. While react
stuffs are comming from webpack, moment
, markdown-it
are comming from node_modules
. It makes hard to understand.
The solution is split backend code and frontend code.
Another benefit of this is that users will be able to host boostnote on internet.(I think it would be quite awesome.)