I can honestly say I had no clue where to start. I kept trying to learn more about React hoping that this would get me going. Here are some of the resources I used:
- Thinking in React - Directly from Facebook, the co-creator of React.
- Lynda.com: Learn React.js: The Basics - While I already finished my software development degree, the inculded subscription to Lynda.com is still active! I am actually getting more use out of it after graduating than before graduating because I have more time.
- React.js Fundamentals - This is a great free course.
Eventually I realized that learning more was not actually helping me to know where to start on the project. I just needed to start doing something, anything. I already had a few more basic React projects under my belt. I decided to start by making some modifications to a project that had some minor similarities to the one I was creating. The previous app was The Game of Life. That app has a grid of squares that change color based on set rules. My first step to making my Roguelike game was to use the grid from 'The Game of Life' and see if I could make a square that you could move around the grid using arrow keys.
After I finally just started programming more ideas came to me and I was basically able to make the rest of the game without getting stuck for too long. I still had to do more research about things such as creating a randomly generated dungeon and creating a 'camera' that followed the player but once I just got started these things came easier. And the interesting this is that I used almost none of my original code from 'The Game of Life' that got me started.
Now I want to recreate the entire game using Angular 2 instead of React!