Summary
Keywords
Full Transcript
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 ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
