Year In Review Reviews Block for React

Replace REVIEWS at the top of the file, oldest first. Each review has an id, name, rating from 1 to 5, an ISO date, the ISO date of the visit as bought, a title, a body, and its up and down vote counts. The six winners, their figures and their one-line reasons are all derived from those fields, so replacing the array replaces every cell.

The first review is the earliest date. The best month is the one with the highest average rating among months that have at least three reviews, and its cell shows that month's most helpful review. The most helpful has the most up votes; the longest has the most words; the fastest has the fewest days between the visit and the review; the most disagreed with has the largest smaller side of its up and down votes. Ties go to the earliest review in the list.

No. It shows everything in the data, which here is the bakery's first season from June to October; the block is not tied to a calendar year. To show a different span, change the array.

The cells stack in one column and the sixth is hidden until you press "Show all six", which flips its aria-expanded and keeps the hidden cell in the page. The review titles reserve two lines in every cell so the cells keep an even rhythm, and nothing scrolls sideways at 320 pixels.

Yes. The cells and their text follow the page's direction, the stars are mirrored, and each date, figure and phrase with a number is isolated so it keeps its order.