Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Let's build TIC TAC TOE with React Native (Tutorial for beginners) 🔴
Play lesson

React Native for beginners - Let's build TIC TAC TOE with React Native (Tutorial for beginners) 🔴

5.0 (4)
42 learners

What you'll learn

This course includes

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

Summary

Keywords

Full Transcript

In this tutorial we are going to learn the basics of React Native by building a fun game: Tic Tac Toe. 📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30% https://academy.notjust.dev/ Check out the Part 2 of this tutorial - Online Multi-player Tic Tac Toe game in React Native https://www.youtube.com/watch?v=b9-MK1hjzGo&t=70s By the end of this tutorial, you will learn to: ✨Set up your first React Native project ✨Run your app on Android and iOS devices/emulators ✨Build beautiful UI designs ✨Data management with Props and State ✨Functional components, hooks (useState, useEffect) ✨Structure your project like a PRO ✨and more 🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies): https://assets.notjust.dev/tic-tac-toe 🐱‍💻 Source code https://github.com/Savinvadim1312/TicTacToe 💬 Join the notJust Development gang and let's build together https://discord.gg/VpURUN2 Tag me on social media when you finish this build, and I will give you feedback on your project. Twitter: https://twitter.com/VadimNotJustDev IG: https://www.instagram.com/VadimNotJustDev LinkedIn: https://www.linkedin.com/in/vadimsavin Timecodes: 00:00 How to build a Tic Tac Toe game in React Native 02:48 - Download prerequisites for Tic Tac Toe game tutorial 05:45- Initializing React Native Project 07:30 - Open Project with Visual Studio Code 08:20 - Run the development server with npm start 08:40 - Run the app on an iOs emulator 11:25 - Overview of your React Native project folders 12:30 - Adding assets and creating designs for “O” and “X” 30:15 - Create a map for the Tic Tac Toe game 42:30 - Define a data structure for a two-dimensional array 1:00:45 - How to handle onPress events in React Native 1:09:50 - Implement switching of the turns to play 1:12:30 - Set up the winning state 1:49:20 - Reset the game 1:57:47 - Set up “ a tie” state 02:05:25 - Indication of the players next turn 02:19:30 - Create a bot as a player 2:50:05 - Bot local, bot easy, bot medium 2:59:00 - Overview and ideas for implementation Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated. #VadimSavin #notjustdev #reactnative

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