React Project Tutorial - Game of Life

Channel:

freeCodeCamp.org

Subscribers:

10,700,000

Published on September 27, 2017 4:02:18 PM ● Video Link: https://www.youtube.com/watch?v=PM0_Er3SvFQ

Duration: 54:39

68,033 views

913

This full project tutorial shows how to create Conway's Game of Life using React.

You don't have to know a lot already but it may be helpful to check out one of these videos first to get an overview of React:
https://youtu.be/1rIP81hjs2U (45 min)
https://youtu.be/QqLkkBKVDyM (15 min)

⭐ Code ⭐

💻 Github repo: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/gameoflife
💻 Direct link to JavaScript file: https://github.com/beaucarnes/fcc-project-tutorials/blob/master/gameoflife/src/index.js
💻 Code for just play method (gist): https://gist.github.com/beaucarnes/1c22fc5e10b15a1f2bf338bf7d09b1b9

⭐ Tutorial Outline ⭐

⌨ Part 1: Basic Setup (2:03)
⌨ Part 2: Begin Main Component & CSS (6:56)
⌨ Part 3: Create Grid Component (10:21)
⌨ Part 4: Create Box Component (21:55)
⌨ Part 5: Begin Method Creation (27:02)
⌨ Part 6: Play Method & Game Logic (35:09) [see link for gist above]
⌨ Part 7: Buttons w/ React-Bootstrap (39:08)
⌨ Part 8: Finish Buttons & Main Component (39:08)

👏 Special thanks to these people who helped review the code: Sean Smith, Marius Espejo, & Danny Huang.

🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau

---
Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on technology: https://medium.freecodecamp.com

And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp