#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 Talk Python 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.