← All freeCodeCamp videos

React Project Tutorial - Game of Life

72,030 views 933 likes 2017-09-27 54:40 Watch on YouTube ↗ freeCodeCamp ↗
FrontendReact

Chapters

No chapter markers in this video's description.

Show the creator's full description
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

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.