Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building Tic Tac Toe with React Native - Tutorial for Beginners

notJust․dev via YouTube

Overview

Learn the basics of React Native by building a Tic Tac Toe game. By the end of the course, you will be able to set up a React Native project, run your app on Android and iOS devices/emulators, build UI designs, manage data with Props and State, use functional components and hooks, structure your project effectively, and more. The course teaches through a tutorial format, guiding you through each step of building the game. It is designed for beginners interested in learning React Native development.

Syllabus

How to build a Tic Tac Toe game in React Native
- Download prerequisites for Tic Tac Toe game tutorial
- Initializing React Native Project
- Open Project with Visual Studio Code
- Run the development server with npm start
- Run the app on an iOs emulator
- Overview of your React Native project folders
- Adding assets and creating designs for “O” and “X”
- Create a map for the Tic Tac Toe game
- Define a data structure for a two-dimensional array
- How to handle onPress events in React Native
- Implement switching of the turns to play
- Set up the winning state
- Reset the game
- Set up “ a tie” state
- Indication of the players next turn
- Create a bot as a player
- Bot local, bot easy, bot medium
- Overview and ideas for implementation

Taught by

notJust․dev

Reviews

Start your review of Building Tic Tac Toe with React Native - Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.