The New OrangeFactor

Despite a slow two weeks due to the holidays, I’ve been hacking away on the new OrangeFactor — now called Intermittents View. Breaking down a new project into manageable chunks can be a bit overwhelming at first, so I asked a mentor for advice on how best to approach this task. He suggested starting on the UI — using fake data for now — and turning my attention to the backend once that’s up and running. I’ve found the fake json (https://github.com/typicode/json-server) server incredibly useful, as it’s allowed me to run a server and make “fake” REST API calls to it.

Once I set up the json server, I started with fleshing out the basic layout — top nav, a date-picker, a line graph, table controls and a responsive table. The fake API is called in the parent component’s componentDidMount lifecycle and the data it returns will be used to populate the table. Once I got that up and running — along with the various presentational components — I started integrating Redux to handle the data flow. Dan Abramov has created a really in-depth video on Redux (on egghead.io) that’s been pretty helpful, but there’s no replacement to learning a framework or tool by taking a stab at it and troubleshooting when you get errors. Since I’ve gotten the table populated using Redux, I’ll focus on additional table functionality before moving on to the line graph.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.