Build a Memory Game with React #4 - Creating a Card Component

preview_player
Показать описание
🐱‍👤 Get the full React Course here (discount auto-applied):

🐱‍👤 My other Udemy courses:

🐱‍👤 Get access to all other premium courses on Net Ninja Pro:

🐱‍💻Free React course on YouTube:

🐱‍💻 My Social Links:

🐱‍👤 Get access premium courses on Net Ninja Pro:
  1. Net Ninja
  2. react
  3. react tutorial
  4. react for beginners
  5. tutorial
  6. memory game
Рекомендации по теме
ScratchJr Coding Lesson 0:12:45

ScratchJr Coding Lesson 7 | How to Make a Memory Game | Beginner Programming

Build a Memory 0:06:18

Build a Memory Game with React #1 - Intro & Setup

How to create 0:13:54

How to create a memory game on PowerPoint?

Build a Memory 0:19:52

Build a Memory Game using HTML CSS & JavaScript

Build a JavaScript 0:45:16

Build a JavaScript Memory Match Game - NO frameworks or libraries!!

Build a Memory 0:05:58

Build a Memory Game with React #7 - Matching Cards

Learn the JavaScript 0:29:07

Learn the JavaScript DOM With This Project - Memory Game

Build A Memory 0:28:10

Build A Memory Card Game in HTML CSS & JavaScript

How to make 0:00:12

How to make laptop 💻 in Minecraft 😱.#viralshort #minecraft #gaming #trendingshorts

Build Your Own 0:11:18

Build Your Own Memory Card Game with HTML, CSS, and JavaScript - Beginner-Friendly Tutorial

Code Memory Card 0:20:29

Code Memory Card Game in Javascript

Build a Memory 0:08:05

Build a Memory Game with React #2 - Shuffling Cards

Building a memory 1:53:13

Building a memory game with React

Coding a Memory 0:22:59

Coding a Memory Game with React - ASMR Programming (No Talking)

Test your memory 0:01:34

Test your memory with this game from Johns Hopkins

CRAFT AND FUN 0:03:43

CRAFT AND FUN - How to make Memory Game Box/DIY

Memory Game Javascript 0:47:53

Memory Game Javascript Project | HTML, CSS, Javascript

Build a Memory 0:05:57

Build a Memory Game with React #5 - Making Card Choices

Scratch Memory Game 0:10:50

Scratch Memory Game Tutorial (Ep1)

How to Create 0:59:14

How to Create a Memory Game in Articulate Storyline

How To Make 0:05:56

How To Make A Memory Game || DIY Arduino Project

Build a Memory 0:26:37

Build a Memory game with Flutter | Flutter Tutorial for Beginners

How to Code 0:39:59

How to Code a Card Matching Game

Brain Exercises - 0:05:40

Brain Exercises - Weird Memory Games To Improve Your Memory

Комментарии
Автор

Shuan your voice alone makes me to see your notifications. Nice tut

CodeWithLu
Автор

Thanks so much for this! For the challenge, I just used: <SingleCard card={card} /> , then I entered the key in the component: key={props.card.id} . This still worked fine. Was my method OK, or was it bad practice? I'm trying to understand why you wrote the key as a separate prop like this: <SingleCard key={card.id} card={card} /> ?

emilysmith
Автор

Does it make sense to turn this kind of project into React with TypeScript?

margo
Автор

I have a question for you netNinja how Can my code know which card I clicked on using the front and rear are they linked to each other whil I ‘m making them inside a div or not?

iOUEDRHIRIMOH
Автор

Nice one here... I wish I could get enough data to download all your contents... I love your contents

abdul-soburademoye
Автор

_rfc does not work for me, and also I need to manually import react in App.js . Can anyone please tell me why so?

nizarkadri
Автор

could you please do a NextUI crash course?

yoman
Автор

Why did you decided to use React and not Vue?

lacherolachero