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

Reply via email to