Candy Crush in React
In this video I show you how to make a game of Candy Crush in React!
00:00 Introduction
01:37 Setting up our project
07:25 Creating our Game Board
24:48 Checking for matches
42:46 Moving Candies down
48:42 Dragging and Dropping in React
01:07:20 Adding Images in React
01:11:43 Adding the score
01:17:25 Checking for blanks
01:19:23 Suggestions for refactoring
01:20:00 Where to go next? Saving High Scores (https://youtu.be/ARL0NuIQNjY)
Final code available here: https://github.com/kubowania/candy-crush-reactjs
Learn how to add Game State in a database: https://youtu.be/ARL0NuIQNjY
___
⭐ Use promo code ANIAKUBOW for 3 months free of WebStorm IDE here (I get no commission from this link, but am in a partnership): https://jb.gg/get_webstorm
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): http://bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow
#codingbootcamp #coding
Видео Candy Crush in React канала Code with Ania Kubów
00:00 Introduction
01:37 Setting up our project
07:25 Creating our Game Board
24:48 Checking for matches
42:46 Moving Candies down
48:42 Dragging and Dropping in React
01:07:20 Adding Images in React
01:11:43 Adding the score
01:17:25 Checking for blanks
01:19:23 Suggestions for refactoring
01:20:00 Where to go next? Saving High Scores (https://youtu.be/ARL0NuIQNjY)
Final code available here: https://github.com/kubowania/candy-crush-reactjs
Learn how to add Game State in a database: https://youtu.be/ARL0NuIQNjY
___
⭐ Use promo code ANIAKUBOW for 3 months free of WebStorm IDE here (I get no commission from this link, but am in a partnership): https://jb.gg/get_webstorm
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): http://bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips
You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow
#codingbootcamp #coding
Видео Candy Crush in React канала Code with Ania Kubów
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
I built the same app 10 times // Which JS Framework is best?Build and sell your own API $$$ (super simple!)6 Years of Learning Game DevelopmentCSS Battle - taking on round 1510 years of coding in 13 minutesThe Perfect Beginner React ProjectDan Abramov SLAYS Frontend Interview w/ Ex-Twitch EngineerBuild your own CANDY CRUSH using JavaScript, HTML and CSS | Ania Kubow22-dars. API, JSON & Promise | Api Promise nima | JSON nima uchun kerak | JavaScript darsliklarRemix is a NEW JavaScript framework you MUST tryCode Mario in JavaScript with Kaboom.js!12HR+ YouTube Coding Bootcamp 2021!I built a Tik Tok App in React (with REAL database)How to Create and Sell NFT Art (super simple!)Zomato Clone with ReactJS | Cloning Indian Startup UI | ReactJS Food Delivery AppASCII art style gameBuild and Deploy a React Cryptocurrency App and Master Redux Toolkit in One VideoSpace Invaders in JavaScript (no-nonsense version!)Learn CSS Grid the easy way