Learn Next.js by Creating 2048 Game From Scratch!

سرفصل های دوره

Let's build awesome game and learn React and NextJS together because learning doesn't need to be boring!

1. Getting Started

1.1 Play 2048!.html

1. Hello world! Lets build something cool today!

2. Create new React + NextJS project

3. Clean up boilerplate and define game styles

2. Project Setup and Base Components

1. Game board

2.1 React Testing Library.html

2.2 React Testing Library - NextJS.html

2. Testing

3. Tiles

3. State Management, Hooks and Game Logic

1.1 Finite State Machine in JavaScript.html

1. Managing state with useState and useReducer hooks

2.1 React documentation for StrictMode.html

2.2 React documentation for useEffect.html

2.3 React documentation for useRef.html

2. Rendering tiles - useEffect, useRef, React StrictMode

3. Vertical tile moves

4. Horizontal tile moves

5. Tile stacking

6. Tile merging

7.1 Array#reduce on MDN.html

7.2 Lodash documentation for flattenDeep.html

7.3 The Ultimate Guide to JavaScript Array Methods - Reduce.html

7. Board clean up

4. Context API, Advanced Hooks, and Animations

1.1 Animation Examples (2048).html

1.2 Tests for usePreviousProps hook.html

1. Animations

2.1 React Context documentation.html

2.2 React documentation for useCallback.html

2.3 Scaling up React Context and Reducer.html

2. Creating tiles - React Context and useCallback

3. Virtual DOM How React renders components

4.1 Tests for the hasChanged flag in Game reducer.html

4. Restricting tile creation

5. Responsive Layout and Missing Game Features

1.1 Github Gist with styles for mobile devices.html

1.2 Use passive listeners to improve scrolling performance.html

1. Game layout and mobile swipes

2.1 Github Gist with styles for the Score component.html

2.2 Tests for Score component.html

2. Scoring

3.1 Github Gist with styles for desktop.html

3. Desktop layout with react-responsive

6. Misc

1.1 Debouncing and Throttling Explained Through Examples.html

1.2 Lodash Documentation Throttle.html

1. Debounce vs throttle

2. Create your own usePreviousProps hook.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy