Hack Week Summary: Web-based y2log viewer (now with React and PatternFly!)
Hello! This Hack Week I rewrote my experimental y2log viewer from a plain Javascript and CSS to React and PatternFly. The original implementation was ugly (a single JS file with bunch of random functions directly manipulating DOM) and was difficult to maintain. And I also wanted to learn React more because of the D-Installer :-) What I learned: - React is a nice framework which helps to split your project into small reusable components. The start was quite difficult for me as the concept is completely different, it uses own JSX syntax, etc... But in the end I like React programming! - PatternFly is a complex set of basic components with good documentation and a lot of examples. I suggest to start a new project using their template repository https://github.com/patternfly/patternfly-react-seed If you want to try the new version just go to: https://lslezak.github.io/ylogviewer2/ There are some example logs to see how it works, see the links at https://github.com/lslezak/ylogviewer2#examples Just press the "Load URL" button after opening a link. I even opened a PR for the D-Installer to improve displaying the y2log using the components from this Hack Week project: https://github.com/yast/d-installer/pull/417 Enjoy! -- Ladislav Slezák YaST Developer SUSE LINUX, s.r.o. Corso IIa Křižíkova 148/34 18600 Praha 8
participants (1)
-
Ladislav Slezák