The website for my project collection (http://slashie.net) is now powered by ReactJS. I had to learn how to use it so I figured it was a good idea to update it.

The previous implementation was powered by mustachejs, which was used with nodejs to generate a static html file. I still like that approach, however it didn’t allow by itself for interaction with the data.

Although appearance is very similar, this new version:

• Allows filtering by project status (and may allow other filters in the future). This also means the groupings by project status are gone now (they made navigation a bit confusing too). This was done using React’s state handling.
• Has projects sorted descending by project year
• Adds tags for all the projects with a color code

With this, I’m now officially a Level 1 ReactJS developer. If you are curious or would like to do something similar, you can check out the project repo here.