Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
React Project Tutorial - Game of Life
Play lesson

Tutorials - React Project Tutorial - Game of Life

5.0 (2)
27 learners

What you'll learn

This course includes

  • 248 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere