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