September 2018

Wednesday, September 26, 2018

How To Build A Time Tracking App In React

Recently for a job I was applying for I build a time tracking demo in React. #


I’ve spent the last 4-5 years working with Angular (via Ionic) but many of the jobs I’ve seen are asking for React. #

It’s been easy to pick up and a lot of fun to work with. I like having this app as a demo because as I learn new things I’m able to include them in the app. #

For instance, I’m very fond of SCSS for writing my styles. Variables and mixins are nice, but I love nested styles. I found a package react-app-rewire-css-modules which supports SCSS. It allows me to include a stylesheet for each of my components (as a CSS Module). #

I’ve also figured out Redux. I was expecting it to be more difficult, but once I had the pieces in place it’s actually pretty easy. I may run into issues with sharing data across reducers, but I’ll cross that bridge when I get there. #

If you’d like to follow along with my development here’s the code: Time Tracking Demo. #

If you’re a React guru and would like to review my code and give me notes I’d appreciate it. #

Published by Andrew Shell on and last updated .