From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Building the file structure

Building the file structure

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Building the file structure

“

This session will guide you through building the initial file structure and basic components for our React Memory Match game. We'll create functional components, import necessary modules, and set up the basic layout. This foundational structure will allow us to implement game logic and styling in later stages. This is the component tree we built in the previous session. Let's create the following folders and files inside the source folder. Moving to settings.jsx. Now I'm creating the settings component. This is a functional component that returns an empty div. This will eventually hold the settings controls for our game. Moving to scoreboard.jsx. Now you will see how I create the scoreboard component. It's another functional component, starting with an empty div, which will later display the game score and number of moves. Moving to ResetButton.jsx Here I am creating the ResetButton component. This is a functional component and returns a button element which will reset the game…

Contents