#100DaysOfWeb in Python Transcripts
Chapter: Days 41-44: React: JavaScript user interfaces
Lecture: Day 4: build your own game using React

Login or purchase this course to watch this video and the rest of the course contents.
0:00 Congratulations! You made it to the end of this lesson that is, the video part, in summary building a complete Hangman variant, Free Monkey
0:12 game, in React. And we accomplished quite a lot writing 120 or so lines of code. Now it's day four, and today's a workout day
0:23 so I encourage you to go through the lesson's materials and see if you can build a game of your own. Again, all the demos are here under Demo.
0:36 You got the API code and the Free Monkey game you can click in it, and the main code is under src/app.js or here.
0:47 And here's the game we wrote in the previous lessons. It's always useful to have the code at hand especially when you're learning.
0:54 And here are some of the common themes you will see when building React apps like working with classes, constructors componentDidMount, update state
1:10 override CSS styles, defining helper methods using the arrow syntax, not required but pretty common and of course, rendering stuff to the browser.
1:24 So you can log through my code or you can look at React's intro tutorial for how to build a tic-tac-toe game. It's just also an interesting exercise.
1:36 Of course, build any game of your liking. I like games to learn programming because they often deal with state, hence classes
1:44 conditions, and some design to make it look nice to the user. And as we've seen, it was a really great exercise to learn more React.
1:52 Remember, the web runs on JavaScript and React is a solid choice as a UI component library. So getting some basics can pay off big time
2:01 especially when you are or want to become a web developer. Final important note, we encourage you to share what you've learned
2:08 because the accountability aspect of the hundred days is what gets you a greater return. So feel free to tweet out your work
2:16 using hashtag #100DaysofWeb and if you at mention TalkPython and PyBites we see your work, and we will be really excited to see what you come up with.
2:26 Good luck, have fun, and write a lot of React code. See you in the next lesson.


Talk Python's Mastodon Michael Kennedy's Mastodon