Mô tả

** Premiered in January 2024 ** 


I believe programming should be fun and unleash creativity. Why would you waste time on building yet another Todo list or shopping cart that can't even handle payments? Let's do something truly exciting — let's build an awesome 2048 game! And I don't mean those sloppy and glitchy ones you can find on everywhere the Internet. Our game will have animations and you will be able to play it on your phone!


The best part is that you will build it on your own from scratch! My mission is to help you become a rockstar developer. This journey isn't about memorizing React features; it's about experiencing the actual development workflow. Together, we will learn how to use the most popular React framework — NextJS. We'll take advantage of type safety using TypeScript and amplify your developer experience. Trust me, your colleagues are going to love your testing skills and consistent code thanks to code linters and formatters.


But before you enroll let me tell you more about the finale of this adventure. Drumroll, please! After this course you will have an incredible 2048 game in React. All made by yourself! Picture that: A 4 x 4 board, where your goal is to merge tiles until they proudly display the number 2048. The game will be fully functional and don't forget those kick-ass animations as you can see them now. Oh, and here's the cherry on top — you'll be able to play it right on your mobile device! Yep, that's right, swipe your way to glory! (swipe swipe)

I hope you are hooked now.


Since this course isn't about myself but you might want to know my credentials. My name is Mateusz and I'm a seasoned software engineer with over 12 years of industry experience. I've had the privilege of working in diverse development teams from Europe, US and Asia. My journey with React began in 2017, and since then, I've built a bunch of medium and large-scale applications. This means you'll be learning from someone who has not only mastered these technologies but also applied them extensively in real-world scenarios.

Let's get started!

Bạn sẽ học được gì

How to build your own 2048 game with React 18 and NextJS. We'll add awesome animations, and here's the cherry on top – it works on mobile devices!

Essential React hooks – useState, useRef, useCallback, useEffect, and more – to enhance the functionality and performance of your apps

Manage complex state using useReducer and the Context API, enabling you to efficiently control the flow of data

Seamlessly integrate TypeScript into your React project, enhancing code quality and developer experience

Grasp the nuances between debounce and throttling and apply these concepts strategically for optimized event handling and improved user interactions

Develop responsive layouts in React for your 2048 game, ensuring a visually pleasing and functional display across a range of screen sizes and resolutions

Tailor your 2048 game for mobile platforms, mastering techniques to deliver a seamless gaming experience on a variety of devices

Learn how React renders views, so VirtualDOM doesn't bring you any headaches!

Leverage the power of most popular React framework – NextJS

Testing with react-testing-library

Yêu cầu

  • HTML, CSS and JavaScript fundamentals are required
  • Basic knowledge of command line. Essentials only

Nội dung khoá học

6 sections

Getting Started

3 lectures
Hello world! Let's build something cool today!
01:08
Create new React + NextJS project
09:02
Clean up boilerplate and define game styles
10:02

Project Setup and Base Components

3 lectures
Game board
13:14
Testing
12:17
Tiles
08:26

State Management, Hooks and Game Logic

7 lectures
Managing state with useState and useReducer hooks
28:30
Rendering tiles - useEffect, useRef, React StrictMode
25:55
Vertical tile moves
30:45
Horizontal tile moves
14:30
Tile stacking
22:01
Tile merging
16:18
Board clean up
11:13

Context API, Advanced Hooks, and Animations

4 lectures
Animations
13:10
Creating tiles - React Context and useCallback
22:01
Virtual DOM: How React renders components?
17:06
Restricting tile creation
10:47

Responsive Layout and Missing Game Features

3 lectures
Game layout and mobile swipes
28:10
Scoring
12:11
Desktop layout with react-responsive
06:00

Misc

1 lectures
Debounce vs throttle
08:20

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.