When someone wins, highlight the three squares that caused the win.
In order to check which three squares caused the win, I edited the calculateWinner() helper function to return an object containing the winning line, in addition to the winning shape (which it already does).
Add a toggle button that lets you sort the moves in either ascending or descending order.
In order to toggle the move sort direction, we need to create a variable to track whether we're currently sorting in ascending or descending order. Adding another property to the Game component's...
Rewrite Board to use two loops to make the squares instead of hardcoding them.
We can rewrite the board using nested loops. We'll use one loop to create three individual squares and another one to take these squares and wrap them in a div. We'll do this last bit three times......
Bold the currently-selected item in the move list.
In order to add this improvement, we need to compare two variables, the currently displayed step number (tracked via the stepNumber property in the Game component's state) and each moves individual step number. We can access this...
In the previous part of the series, we added dynamically generated 'Next' and 'Previous' links to our content carousel...although currently it is more of a content generator. In this part, let's add a carousel and create transitions between content refreshes.
In the previous part of the series, we completed a custom Drupal module which allows us to dynamically load node content based on a link. We were using a static link to test the AJAX functionality, however in the final carousel, we want that link to be generated dynamically (based on the...
This was the part of the project I had most questions about before starting. I've worked with lots of carousels in the past so I knew it wouldn't be difficult to hook something up and even the next/previous link generation didn't worry me too much (I thought it would come down to...