├── .gitattributes ├── S01 - Getting Started ├── Course Resources - GitHub Link.txt └── S01 - Useful Links and Resources.txt ├── S20 - Redux ├── 01-starting-project (1).zip ├── Must Read.DOC ├── Module Resources.docx └── Important - createStore() is (Not) Deprecated.docx ├── S21 - Advanced Redux ├── 01-starting-project.zip ├── Module Resources.docx ├── A Problem with useEffect().docx ├── Using Firebase as a Backend.docx └── S21 - Advanced Redux.txt ├── S27 - NextJS Pages Router ├── 01-starting-project.zip ├── 01-starting-project (1).zip ├── 06-onwards-to-a-bigger-project-starting-project.ZIP ├── Module Resources.docx ├── Module Resources 2.docx └── S27 - Useful Links and Resources.txt ├── S31 - Testing React Apps ├── 01-starting-project.zip ├── Module Resources.docx └── S31 - Useful Links and Resources.txt ├── S24 - Deploying React Apps └── S24 - Useful Links.TXT ├── S32 - React and TypeScript ├── 01-starting-project (1).zip ├── 07-react-ts-starting-project.zip ├── Module Resources.docx ├── A Closer Look At Generics.docx └── S32 - Useful Links.TXT ├── S02 - JavaScript Refresher ├── Module Resources.docx ├── JS Array Functions.docx ├── next-gen-js-summary.pdf ├── More on Arrow Function Syntax.DOC ├── Next-Gen JavaScript - Summary.docx ├── More on the Arrow Function Syntax.docx ├── Destructure in Function Parameter Lists.DOC ├── Destructuring in Function Parameter Lists.docx ├── S02 - Useful Links.TXT └── S02 - Useful Links and Resources.txt ├── S26 - NextJS - App Router ├── Module Resources.docx ├── Reserved Filenames.docx ├── Improve Image Picker Component.DOC ├── Bonus - Store Uploaded Images in AWS S3.DOC └── S26 - Useful Links and Resources.txt ├── S30 - React Patterns and Best Practices ├── replace-redux-06-bonus-multiple-slices.ZIP ├── Module Resources.docx └── S30 - Useful Links.txt ├── S14 - Class-based Components ├── Module Resources.docx ├── Lesson Summary - Error Boundaries.DOC ├── Lesson Summary – Error Boundaries.docx └── S14 - Class-based Components.txt ├── S23 - Authentication to React Apps ├── Module Resources.docx ├── Imp - loader()s must return null or any other value.DOC └── S23 - Useful Links.txt ├── S22 - Multi-Page SPA with React Router ├── Module Resources.docx ├── Upgrade from React Router v5.DOC └── S22 - Useful Links.txt ├── S08 - Working with Refs and Portals ├── Repetition - Fragments.DOC ├── Repetition - Fragments.docx ├── Closing the Modal via ESC.DOC ├── Closing the Modal via the ESC (Escape) Key.docx ├── S08 - Useful Links.TXT └── S08 - Useful Links and Resources.txt ├── S03 - React Essentials - Components, JSX, Props ├── More Prop Syntaxes.DOC ├── More Prop Syntaxes.docx ├── A Closer Look-Components & File Extensions.DOC ├── A Closer Look - Components and File Extensions.docx ├── S03 - Useful Links.TXT └── S03 - Useful Links and Resources.txt ├── S11 - Handling Side Effects and Using useEffect ├── Fixing a Small Bug.DOC ├── Fixing a Small Bug.docx ├── S11 - Useful Links.TXT └── S11 - Useful Links and Resources.txt ├── S04 - React Essentials - Deep Dive ├── Closer Look - public vs assets for Image Storage.docx ├── A Closer Look - public vs assets for Image Storage.DOC ├── S04 - Useful Links.TXT └── S04 - Useful Links and Resources.txt ├── S16 - Custom React Hooks └── S16 - Useful Links and Resources.txt ├── S05 - React Essentials - Practice Project ├── S05 - Useful Links.TXT └── S05 - Useful Links and Resources.txt ├── S10 - Advanced State Management ├── S10 - Useful Links.TXT └── S10 - Useful Links and Resources.txt ├── S18 - Handling Forms via Form Actions └── S18 - Useful Links.txt ├── S28 - RSC & Server Actions └── S28 - Useful Links.txt ├── S07 - Debugging React Apps ├── S07 - Useful Links.TXT └── S07 - Useful Links and Resources.txt ├── S19 - Food Order App └── S19 - Useful Links and Resources.txt ├── S13 - React and Optimization Techniques ├── S13 - Useful Links.TXT └── S13 - React and Optimization Techniques.txt ├── S12 - Quiz App └── S12 - Useful Links and Resources.txt ├── S09 - Project Management App ├── S09 - Useful Links.TXT └── S09 - Useful Links and Resources.txt ├── S17 - Working with Forms and User Input ├── S17 - Useful Links.TXT └── S17 - Useful Links and Resources.txt ├── S29 - Framer Motion └── S29 - Useful Links and Resources.txt ├── S15 - Sending HTTP Requests ├── S15 - Useful Links.TXT └── S15 - Useful Links and Resources.txt ├── S06 - Styling React Components ├── S06 - Useful Links.TXT └── S06 - Useful Links and Resources.txt ├── LICENSE ├── S25 - React Query - Tanstack Query └── S25 - Useful Links.txt └── README.md /.gitattributes: -------------------------------------------------------------------------------- 1 | *.zip filter=lfs diff=lfs merge=lfs -text 2 | -------------------------------------------------------------------------------- /S01 - Getting Started/Course Resources - GitHub Link.txt: -------------------------------------------------------------------------------- 1 | Course Resources => https://github.com/academind/react-complete-guide-course-resources -------------------------------------------------------------------------------- /S20 - Redux/01-starting-project (1).zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:b1054c13ad9028e24094541ecce9eed790367b55404eaf293dd782bd51c9bde4 3 | size 27117 4 | -------------------------------------------------------------------------------- /S20 - Redux/Must Read.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S20 - Redux/Must Read.DOC -------------------------------------------------------------------------------- /S21 - Advanced Redux/01-starting-project.zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:a1e2fc41df91412c72196c0e461e6359812696e3ecaa7a4eb13e3248e7dc1513 3 | size 31211 4 | -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/01-starting-project.zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:f805694e0686c40352b7177e5b0b8fcc1ef29eb8c0d6c03def95f4a209dfef1b 3 | size 6778 4 | -------------------------------------------------------------------------------- /S31 - Testing React Apps/01-starting-project.zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:092d9cadbf5bcfe4cca6e713658df2b0858e7553ba7c9bf8fb2ab6580e67e881 3 | size 35383 4 | -------------------------------------------------------------------------------- /S20 - Redux/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S20 - Redux/Module Resources.docx -------------------------------------------------------------------------------- /S24 - Deploying React Apps/S24 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | Demo Application => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/23%20Deployment/01-starting-project.zip -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/01-starting-project (1).zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:f805694e0686c40352b7177e5b0b8fcc1ef29eb8c0d6c03def95f4a209dfef1b 3 | size 6778 4 | -------------------------------------------------------------------------------- /S32 - React and TypeScript/01-starting-project (1).zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:14a9245cc972ddc06601d84be8974e52ee24e5f94699e1e7534c6864a8734e6f 3 | size 5827 4 | -------------------------------------------------------------------------------- /S32 - React and TypeScript/07-react-ts-starting-project.zip: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:2e3203a4f8f13db8abff12a03645ec2950928420806af169a8f576e3adb8fa9c 3 | size 35998 4 | -------------------------------------------------------------------------------- /S21 - Advanced Redux/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S21 - Advanced Redux/Module Resources.docx -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/06-onwards-to-a-bigger-project-starting-project.ZIP: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:9eeaff66bd8eda8563e3540dafdd314aaf73cb65a5062026f7c425fa47386178 3 | size 12334 4 | -------------------------------------------------------------------------------- /S31 - Testing React Apps/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S31 - Testing React Apps/Module Resources.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/Module Resources.docx -------------------------------------------------------------------------------- /S26 - NextJS - App Router/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S26 - NextJS - App Router/Module Resources.docx -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S27 - NextJS Pages Router/Module Resources.docx -------------------------------------------------------------------------------- /S30 - React Patterns and Best Practices/replace-redux-06-bonus-multiple-slices.ZIP: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:84ff1a0fbeab7cb1f310dd3c1d4e81aa47acb21164cb49f52adab448e25347ed 3 | size 41828 4 | -------------------------------------------------------------------------------- /S32 - React and TypeScript/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S32 - React and TypeScript/Module Resources.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/JS Array Functions.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/JS Array Functions.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/next-gen-js-summary.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/next-gen-js-summary.pdf -------------------------------------------------------------------------------- /S14 - Class-based Components/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S14 - Class-based Components/Module Resources.docx -------------------------------------------------------------------------------- /S26 - NextJS - App Router/Reserved Filenames.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S26 - NextJS - App Router/Reserved Filenames.docx -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/Module Resources 2.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S27 - NextJS Pages Router/Module Resources 2.docx -------------------------------------------------------------------------------- /S21 - Advanced Redux/A Problem with useEffect().docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S21 - Advanced Redux/A Problem with useEffect().docx -------------------------------------------------------------------------------- /S21 - Advanced Redux/Using Firebase as a Backend.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S21 - Advanced Redux/Using Firebase as a Backend.docx -------------------------------------------------------------------------------- /S23 - Authentication to React Apps/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S23 - Authentication to React Apps/Module Resources.docx -------------------------------------------------------------------------------- /S32 - React and TypeScript/A Closer Look At Generics.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S32 - React and TypeScript/A Closer Look At Generics.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/More on Arrow Function Syntax.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/More on Arrow Function Syntax.DOC -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/Next-Gen JavaScript - Summary.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/Next-Gen JavaScript - Summary.docx -------------------------------------------------------------------------------- /S22 - Multi-Page SPA with React Router/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S22 - Multi-Page SPA with React Router/Module Resources.docx -------------------------------------------------------------------------------- /S26 - NextJS - App Router/Improve Image Picker Component.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S26 - NextJS - App Router/Improve Image Picker Component.DOC -------------------------------------------------------------------------------- /S30 - React Patterns and Best Practices/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S30 - React Patterns and Best Practices/Module Resources.docx -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/Repetition - Fragments.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S08 - Working with Refs and Portals/Repetition - Fragments.DOC -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/Repetition - Fragments.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S08 - Working with Refs and Portals/Repetition - Fragments.docx -------------------------------------------------------------------------------- /S20 - Redux/Important - createStore() is (Not) Deprecated.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S20 - Redux/Important - createStore() is (Not) Deprecated.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/More on the Arrow Function Syntax.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/More on the Arrow Function Syntax.docx -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/Closing the Modal via ESC.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S08 - Working with Refs and Portals/Closing the Modal via ESC.DOC -------------------------------------------------------------------------------- /S14 - Class-based Components/Lesson Summary - Error Boundaries.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S14 - Class-based Components/Lesson Summary - Error Boundaries.DOC -------------------------------------------------------------------------------- /S14 - Class-based Components/Lesson Summary – Error Boundaries.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S14 - Class-based Components/Lesson Summary – Error Boundaries.docx -------------------------------------------------------------------------------- /S27 - NextJS Pages Router/S27 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | Starting Project (CodeSandbox) => https://codesandbox.io/p/devbox/nextjs-summary-start-p67m3m 2 | 3 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/nextjs-summary-start-p67m3m 4 | 5 | -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/Destructure in Function Parameter Lists.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/Destructure in Function Parameter Lists.DOC -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/More Prop Syntaxes.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S03 - React Essentials - Components, JSX, Props/More Prop Syntaxes.DOC -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/More Prop Syntaxes.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S03 - React Essentials - Components, JSX, Props/More Prop Syntaxes.docx -------------------------------------------------------------------------------- /S11 - Handling Side Effects and Using useEffect/Fixing a Small Bug.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S11 - Handling Side Effects and Using useEffect/Fixing a Small Bug.DOC -------------------------------------------------------------------------------- /S11 - Handling Side Effects and Using useEffect/Fixing a Small Bug.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S11 - Handling Side Effects and Using useEffect/Fixing a Small Bug.docx -------------------------------------------------------------------------------- /S22 - Multi-Page SPA with React Router/Upgrade from React Router v5.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S22 - Multi-Page SPA with React Router/Upgrade from React Router v5.DOC -------------------------------------------------------------------------------- /S26 - NextJS - App Router/Bonus - Store Uploaded Images in AWS S3.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S26 - NextJS - App Router/Bonus - Store Uploaded Images in AWS S3.DOC -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/Destructuring in Function Parameter Lists.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S02 - JavaScript Refresher/Destructuring in Function Parameter Lists.docx -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/Closing the Modal via the ESC (Escape) Key.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S08 - Working with Refs and Portals/Closing the Modal via the ESC (Escape) Key.docx -------------------------------------------------------------------------------- /S32 - React and TypeScript/S32 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/react-ts-just-ts-start-loflb6 2 | 3 | Style Files (Code) => https://github.com/academind/react-complete-guide-course-resources/tree/main/attachments/29%20React%20TypeScript 4 | 5 | -------------------------------------------------------------------------------- /S04 - React Essentials - Deep Dive/Closer Look - public vs assets for Image Storage.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S04 - React Essentials - Deep Dive/Closer Look - public vs assets for Image Storage.docx -------------------------------------------------------------------------------- /S31 - Testing React Apps/S31 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | Async.js File => https://github.com/academind/react-complete-guide-course-resources/blob/main/code/28%20Testing/05-testing-async-code/src/components/Async.js 2 | 3 | List of available HTML Roles: https://www.w3.org/TR/html-aria/#docconformance -------------------------------------------------------------------------------- /S04 - React Essentials - Deep Dive/A Closer Look - public vs assets for Image Storage.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S04 - React Essentials - Deep Dive/A Closer Look - public vs assets for Image Storage.DOC -------------------------------------------------------------------------------- /S16 - Custom React Hooks/S16 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/behind-scenes-start-qlv45t 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/16%20Custom%20Hooks/01-starting-project.zip -------------------------------------------------------------------------------- /S23 - Authentication to React Apps/Imp - loader()s must return null or any other value.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S23 - Authentication to React Apps/Imp - loader()s must return null or any other value.DOC -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/S08 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/refs-portals-start-7jf3nl 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/08%20Refs%20Portals/01-starting-project.zip -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/A Closer Look-Components & File Extensions.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S03 - React Essentials - Components, JSX, Props/A Closer Look-Components & File Extensions.DOC -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/S02 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/javascript-refresher-start-rytt3j 2 | 3 | React Demo Project (CodeSandbox) => https://codesandbox.io/s/react-vs-vanilla-demo-uc08fv 4 | 5 | Finished Code (Code Sandbox) => https://codesandbox.io/s/javascript-refresher-j56djd -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/A Closer Look - Components and File Extensions.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/HEAD/S03 - React Essentials - Components, JSX, Props/A Closer Look - Components and File Extensions.docx -------------------------------------------------------------------------------- /S08 - Working with Refs and Portals/S08 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/refs-portals-start-7jf3nl 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/08%20Refs%20Portals/01-starting-project.zip -------------------------------------------------------------------------------- /S05 - React Essentials - Practice Project/S05 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-practice-wh2p5m 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/05%20Essentials%20Practice/01-starting-project.zip -------------------------------------------------------------------------------- /S11 - Handling Side Effects and Using useEffect/S11 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/effects-start-km7ckg 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/11%20Side%20Effects%20useEffect/01-starting-project.zip -------------------------------------------------------------------------------- /S10 - Advanced State Management/S10 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/adv-state-mgmt-context-start-gjyplp 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/tree/main/attachments/10%20Advanced%20State%20Management%20with%20Context%20useReducer -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/S02 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/javascript-refresher-start-rytt3j 2 | 3 | React Demo Project (CodeSandbox) => https://codesandbox.io/s/react-vs-vanilla-demo-uc08fv 4 | 5 | Finished Code (Code Sandbox) => https://codesandbox.io/s/javascript-refresher-j56djd -------------------------------------------------------------------------------- /S05 - React Essentials - Practice Project/S05 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-practice-wh2p5m 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/05%20Essentials%20Practice/01-starting-project.zip -------------------------------------------------------------------------------- /S11 - Handling Side Effects and Using useEffect/S11 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/effects-start-km7ckg 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/11%20Side%20Effects%20useEffect/01-starting-project.zip -------------------------------------------------------------------------------- /S10 - Advanced State Management/S10 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/adv-state-mgmt-context-start-gjyplp 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/tree/main/attachments/10%20Advanced%20State%20Management%20with%20Context%20useReducer -------------------------------------------------------------------------------- /S01 - Getting Started/S01 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | VanillaJS Demo => https://codesandbox.io/s/vanilla-js-demo-6049kj 2 | 3 | React Demo => https://codesandbox.io/s/react-vs-vanilla-demo-uc08fv 4 | 5 | Updated React Demo App => https://codesandbox.io/s/first-react-app-start-7ec9fd 6 | 7 | Finished React Demo App => https://codesandbox.io/s/first-react-app-zj5cx1 -------------------------------------------------------------------------------- /S18 - Handling Forms via Form Actions/S18 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | Starting Project: https://github.com/academind/react-complete-guide-course-resources/tree/main/code/17b%20Form%20Actions/01-starting-project 2 | 3 | Updated Starting Project: https://github.com/academind/react-complete-guide-course-resources/tree/main/code/17b%20Form%20Actions/06-adv-starting-project 4 | -------------------------------------------------------------------------------- /S23 - Authentication to React Apps/S23 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/22%20Authentication/01-starting-project.zip 2 | 3 | Updated auth.js: https://github.com/academind/react-complete-guide-course-resources/blob/main/code/22%20Authentication/09-finished/frontend/src/util/auth.js -------------------------------------------------------------------------------- /S28 - RSC & Server Actions/S28 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | Starting Project: https://github.com/academind/react-complete-guide-course-resources/tree/main/code/25b%20RSC%2C%20Suspense%2C%20Server%20Actions/01-starting-project 2 | 3 | Files: https://github.com/academind/react-complete-guide-course-resources/tree/main/code/25b%20RSC%2C%20Suspense%2C%20Server%20Actions/02-rsc-client-cmp/components 4 | 5 | -------------------------------------------------------------------------------- /S21 - Advanced Redux/S21 - Advanced Redux.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/advanced-redux-yu43d7 2 | 3 | Suboptimal Code Snapshot (Example) => https://github.com/academind/react-complete-guide-course-resources/tree/main/code/20%20Advanced%20Redux/zz-suboptimal-example-code 4 | 5 | Notification Component Files => https://github.com/academind/react-complete-guide-code/tree/19-advanced-redux/extra-files 6 | 7 | -------------------------------------------------------------------------------- /S07 - Debugging React Apps/S07 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/debugging-start-vy38s8 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/06%20Debugging/01-starting-project.zip 4 | 5 | Results.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/06%20Debugging/Results.jsx 6 | -------------------------------------------------------------------------------- /S07 - Debugging React Apps/S07 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/debugging-start-vy38s8 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/06%20Debugging/01-starting-project.zip 4 | 5 | Results.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/06%20Debugging/Results.jsx 6 | -------------------------------------------------------------------------------- /S19 - Food Order App/S19 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/devbox/custom-hooks-start-forked-tthdnz 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/18%20Practice%20Project%20-%20Food%20Order/01-starting-project.zip 4 | 5 | Formatting Numbers => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat -------------------------------------------------------------------------------- /S13 - React and Optimization Techniques/S13 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/behind-scenes-start-jzlfgp 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/12%20Behind%20the%20Scenes/01-starting-project.zip 4 | 5 | Counter.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/12%20Behind%20the%20Scenes/Counter.jsx -------------------------------------------------------------------------------- /S12 - Quiz App/S12 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/quiz-project-start-59583g 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/13%20Demo%20Project%20-%20React%20Quiz/01-starting-project.zip 4 | 5 | questions.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/13%20Demo%20Project%20-%20React%20Quiz/questions.js -------------------------------------------------------------------------------- /S13 - React and Optimization Techniques/S13 - React and Optimization Techniques.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/behind-scenes-start-jzlfgp 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/12%20Behind%20the%20Scenes/01-starting-project.zip 4 | 5 | Counter.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/12%20Behind%20the%20Scenes/Counter.jsx -------------------------------------------------------------------------------- /S09 - Project Management App/S09 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/project-mgmt-start-ctzt5r 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/09%20Practice%20Project%20-%20Project%20Management/01-starting-project.zip 4 | 5 | Tailwind CSS Classes => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/09%20Practice%20Project%20-%20Project%20Management/tailwind-css-classes-used.md -------------------------------------------------------------------------------- /S09 - Project Management App/S09 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/project-mgmt-start-ctzt5r 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/09%20Practice%20Project%20-%20Project%20Management/01-starting-project.zip 4 | 5 | Tailwind CSS Classes => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/09%20Practice%20Project%20-%20Project%20Management/tailwind-css-classes-used.md -------------------------------------------------------------------------------- /S17 - Working with Forms and User Input/S17 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/forms-start-j9tmrn 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/17%20Forms%20User%20Input/01-starting-project.zip 4 | 5 | Signup.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/17%20Forms%20User%20Input/Signup.jsx 6 | 7 | Client-side Form Validation => https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation -------------------------------------------------------------------------------- /S17 - Working with Forms and User Input/S17 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/forms-start-j9tmrn 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/17%20Forms%20User%20Input/01-starting-project.zip 4 | 5 | Signup.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/17%20Forms%20User%20Input/Signup.jsx 6 | 7 | Client-side Form Validation => https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation -------------------------------------------------------------------------------- /S29 - Framer Motion/S29 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project: https://codesandbox.io/p/sandbox/animations-framer-motion-start-njvxy2 2 | 3 | Local Starting Project: https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/26%20Animations/starting-project.zip 4 | 5 | CodeSandbox Playground: https://codesandbox.io/p/sandbox/animations-framer-motion-playground-start-w8dcfz 6 | 7 | Local Starting Project: https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/26%20Animations/playground.zip 8 | 9 | -------------------------------------------------------------------------------- /S30 - React Patterns and Best Practices/S30 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | Starting Project (CodeSandbox) => https://codesandbox.io/p/sandbox/patterns-start-mmqftd 2 | 3 | Starting Project (local) => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/27%20Patterns/01-starting-project.zip 4 | 5 | Places => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/27%20Patterns/places.ts 6 | 7 | Place.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/27%20Patterns/Place.jsx 8 | 9 | -------------------------------------------------------------------------------- /S15 - Sending HTTP Requests/S15 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/sending-http-requests-start-n9f4j4?file=%2F.codesandbox%2Ftasks.json%3A1%2C1 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/15%20HTTP%20Requests/01-starting-project.zip 4 | 5 | Understanding HTTP => https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP 6 | 7 | What is a "REST API" => https://www.youtube.com/watch?v=0oXYLzuucwE 8 | 9 | Error.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/15%20HTTP%20Requests/Error.jsx -------------------------------------------------------------------------------- /S15 - Sending HTTP Requests/S15 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/sending-http-requests-start-n9f4j4?file=%2F.codesandbox%2Ftasks.json%3A1%2C1 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/15%20HTTP%20Requests/01-starting-project.zip 4 | 5 | Understanding HTTP => https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP 6 | 7 | What is a "REST API" => https://www.youtube.com/watch?v=0oXYLzuucwE 8 | 9 | Error.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/15%20HTTP%20Requests/Error.jsx -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/S03 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | Code Sandbox Starting Project => https://codesandbox.io/p/sandbox/react-essentials-start-gsmr8r 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/01-starting-project.zip 4 | 5 | App.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/App.jsx 6 | 7 | data.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/data.js 8 | 9 | data.js (updated) => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/data-with-examples.js -------------------------------------------------------------------------------- /S03 - React Essentials - Components, JSX, Props/S03 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | Code Sandbox Starting Project => https://codesandbox.io/p/sandbox/react-essentials-start-gsmr8r 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/01-starting-project.zip 4 | 5 | App.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/App.jsx 6 | 7 | data.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/data.js 8 | 9 | data.js (updated) => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/03%20React%20Essentials/data-with-examples.js -------------------------------------------------------------------------------- /S06 - Styling React Components/S06 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/styling-start-g8dpm6 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/07%20Styling/01-starting-project.zip 4 | 5 | More About "Tagged Template Literals" => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates 6 | 7 | Styling TailWind Start - CodeSandbox Starting Project => https://codesandbox.io/s/styling-tailwind-start-6pv9fs 8 | 9 | Adding TailwindCSS to Vite Projects => https://tailwindcss.com/docs/guides/vite 10 | 11 | input.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/07%20Styling/Input.jsx 12 | 13 | -------------------------------------------------------------------------------- /S06 - Styling React Components/S06 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/p/sandbox/styling-start-g8dpm6 2 | 3 | Local Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/07%20Styling/01-starting-project.zip 4 | 5 | More About "Tagged Template Literals" => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates 6 | 7 | Styling TailWind Start - CodeSandbox Starting Project => https://codesandbox.io/s/styling-tailwind-start-6pv9fs 8 | 9 | Adding TailwindCSS to Vite Projects => https://tailwindcss.com/docs/guides/vite 10 | 11 | input.jsx => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/07%20Styling/Input.jsx 12 | 13 | -------------------------------------------------------------------------------- /S14 - Class-based Components/S14 - Class-based Components.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project => https://codesandbox.io/s/class-based-components-594pki 2 | 3 | Understanding "this" in JavaScript (Tutorial) => https://academind.com/tutorials/this-keyword-function-references/ 4 | 5 | UserFinder.js Code => https://github.com/academind/react-complete-guide-code/blob/13-class-based-cmp/extra-files/UserFinder.js 6 | 7 | UserFinder.module.css Code => https://github.com/academind/react-complete-guide-code/blob/13-class-based-cmp/extra-files/UserFinder.module.css 8 | 9 | UserFinder.js Code => https://github.com/academind/react-complete-guide-code/blob/13-class-based-cmp/extra-files/UserFinder.js 10 | 11 | UserFinder.module.css Code => https://github.com/academind/react-complete-guide-code/blob/13-class-based-cmp/extra-files/UserFinder.module.css -------------------------------------------------------------------------------- /S04 - React Essentials - Deep Dive/S04 - Useful Links.TXT: -------------------------------------------------------------------------------- 1 | CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-deep-dive-start-xmr985 2 | 3 | 4 | Local starting project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/01-starting-project.zip 5 | 6 | 7 | Tic-Tac-Toe Game - CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-deep-dive-tic-tac-toe-start-dn7j4s 8 | 9 | 10 | Tic-Tac Toe Game - Local starting project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/07-tic-tac-toe-starting-project.zip 11 | 12 | 13 | Reference vs Primitive Values => https://academind.com/tutorials/reference-vs-primitive-values 14 | 15 | 16 | JS Template Literals => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals 17 | 18 | 19 | winning-combinations.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/winning-combinations.js -------------------------------------------------------------------------------- /S04 - React Essentials - Deep Dive/S04 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-deep-dive-start-xmr985 2 | 3 | 4 | Local starting project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/01-starting-project.zip 5 | 6 | 7 | Tic-Tac-Toe Game - CodeSandbox starting project => https://codesandbox.io/p/sandbox/react-essentials-deep-dive-tic-tac-toe-start-dn7j4s 8 | 9 | 10 | Tic-Tac Toe Game - Local starting project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/07-tic-tac-toe-starting-project.zip 11 | 12 | 13 | Reference vs Primitive Values => https://academind.com/tutorials/reference-vs-primitive-values 14 | 15 | 16 | JS Template Literals => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals 17 | 18 | 19 | winning-combinations.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/04%20Essentials%20Deep%20Dive/winning-combinations.js -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Packt 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /S25 - React Query - Tanstack Query/S25 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | CodeSandbox Starting Project: https://codesandbox.io/p/sandbox/react-query-start-md9z2g 2 | 3 | Local Starting Project: https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/24%20React%20Query/starting-project.zip 4 | 5 | CodeSandbox Starting Project - with Tanstack Query: https://codesandbox.io/p/sandbox/react-query-installed-w3qfw8 6 | 7 | Local Starting Project - with Tanstack Query: https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/24%20React%20Query/starting-project-with-react-query.zip 8 | 9 | Updated http.js file: https://github.com/academind/react-complete-guide-course-resources/blob/main/code/24%20React%20Query/05-changing-data-with-mutations/src/util/http.js 10 | 11 | Updated http.js file: https://github.com/academind/react-complete-guide-course-resources/blob/main/code/24%20React%20Query/06-fetching-more-data-and-testing-mutation/src/util/http.js 12 | 13 | Updated http.js file: https://github.com/academind/react-complete-guide-course-resources/blob/main/code/24%20React%20Query/08-challenge-problem/src/util/http.js 14 | 15 | Updated http.js file: https://github.com/academind/react-complete-guide-course-resources/blob/main/code/24%20React%20Query/10-optimistic-updating/src/util/http.js 16 | 17 | -------------------------------------------------------------------------------- /S22 - Multi-Page SPA with React Router/S22 - Useful Links.txt: -------------------------------------------------------------------------------- 1 | Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/01-starting-project.zip 2 | 3 | CodeSandbox Starting Project => https://codesandbox.io/s/multi-page-spa-react-router-58egl1 4 | 5 | MainNavigation.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/MainNavigation.module.css 6 | 7 | New Starting Project => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/12-adv-starting-project.zip 8 | 9 | Events.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/Events.js 10 | 11 | PageContent.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/PageContent.js 12 | 13 | PageContent.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/PageContent.module.css 14 | 15 | Updated MainNavigation.js file => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/MainNavigation.js 16 | 17 | NewsletterSignup.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/NewsletterSignup.js 18 | 19 | NewsletterSignup.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/NewsletterSignup.module.css 20 | 21 | Newsletter.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/Newsletter.js 22 | 23 | App.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/21%20Routing/App.js 24 | 25 | -------------------------------------------------------------------------------- /S26 - NextJS - App Router/S26 - Useful Links and Resources.txt: -------------------------------------------------------------------------------- 1 | Starting Project (CodeSandbox) => https://codesandbox.io/p/devbox/nextjs-introduction-start-z6tpd2 2 | 3 | Starting Project (local) => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/basics-starting-project.zip 4 | 5 | Organizing NextJS Projects => https://nextjs.org/docs/app/building-your-application/routing/colocation 6 | 7 | Starting Project (CodeSandbox) => https://codesandbox.io/p/devbox/meals-app-starting-project-y69d3m 8 | 9 | Starting Project (local) => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/foodies-starting-project.zip 10 | 11 | main-header.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/main-header/main-header.module.css 12 | 13 | More on the Image Component => https://nextjs.org/docs/app/api-reference/components/image 14 | 15 | page.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/page.module.css 16 | 17 | page.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/page.js 18 | 19 | image-slideshow.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/images/image-slideshow.js 20 | 21 | image-slideshow.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/images/image-slideshow.module.css 22 | 23 | page.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/community/page.js 24 | 25 | page.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/community/page.module.css 26 | 27 | page.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/meals/page.module.css 28 | 29 | meals-grid.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/meals/meals-grid.module.css 30 | 31 | meal-item.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/meals/meal-item.module.css 32 | 33 | meal-item.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/meals/meal-item.js 34 | 35 | initdb.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/initdb.js 36 | 37 | loading-module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/meals/loading.module.css 38 | 39 | page-module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/meals/%5BmealSlug%5D/page.module.css 40 | 41 | page.js => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/meals/share/page.js 42 | 43 | page-module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/app/meals/share/page.module.css 44 | 45 | image-picker.module.css => https://github.com/academind/react-complete-guide-course-resources/blob/main/attachments/25%20NextJS%20App%20Router%20Introduction/lecture-specific/components/meals/image-picker.module.css 46 | 47 | Official Metadata Docs => https://nextjs.org/docs/app/api-reference/functions/generate-metadata 48 | 49 | 50 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition 2 | 3 | ### This course is now updated for the latest version of React—React 18 4 | 5 | This is the code repository for [React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition [Video]](https://www.packtpub.com/product/react-the-complete-guide-includes-hooks-react-router-and-redux-second-edition-video/9781801812603), published by [Packt](https://www.packtpub.com/?utm_source=github). It contains all the supporting project files necessary to work through the book from start to finish. 6 | 7 | 8 | ## About Course 9 | 10 | React.js is the most popular JavaScript library you can learn and use these days to build modern, reactive user interfaces for the web. In this course, you will dive into the core concepts of React, gaining a thorough understanding of its purpose and benefits. From building components and creating dynamic UIs to harnessing the full potential of React Hooks and working with state management using the Context API and React Redux, we have got you covered. Learn to build standalone React apps and connect them to backends using HTTP. Master routing and data fetching techniques with React Router. Implement user authentication in React apps and build full-stack applications with Next.js. 11 | 12 | The course includes multiple demo projects, ensuring hands-on experience and practical application. Whether you prefer working locally or in a cloud development environment, we’ve got the flexibility you need. 13 | 14 | We will also dive deep into advanced concepts such as debugging, styling with “Styled Components” and “CSS Modules,” working with Fragments and Portals, managing side effects, form handling with validation, incorporating Redux and Redux Toolkit, and leveraging React with TypeScript. Gain insights into animations and ensure robust code with comprehensive unit testing. 15 | 16 | This updated version includes two new practice projects and an extensively revamped JS Refresher section. The JS Refresher section provides a comprehensive understanding of JavaScript, laying a solid foundation for building React applications. 17 | 18 | By the end of this course, you will be equipped with the skills and knowledge to build robust web applications using React.js confidently. 19 | 20 | 21 | ## Note on Large Files 22 | 23 | This repository contains large files managed by [Git Large File Storage (LFS)](https://git-lfs.github.com/). To ensure these files are downloaded correctly and without corruption, please follow these straightforward steps: 24 | 25 | ### Instructions to Clone the Repository with GitHub Desktop 26 | 27 | 1. **Download and Install GitHub Desktop**: 28 | 29 | - Download and install the GitHub Desktop app from this [link](https://desktop.github.com/?ref_cta=download+desktop&ref_loc=installing+github+desktop&ref_page=docs). 30 | - Open the application and sign in with your GitHub credentials. 31 | 2. **Clone the Repository**: 32 | 33 | - In the GitHub Desktop app, navigate to `File` -> `Clone Repository...`. 34 | - In the dialog that appears, paste the URL of this repository into the `URL or username/repository` field. 35 | - Choose a location on your local drive where you'd like to store the repository files and click `Clone`. 36 | 3. **Open the Cloned Repository**: 37 | 38 | - After the cloning process completes, a confirmation message will appear. 39 | - Click `Show in Explorer` (or `Show in Finder` for Mac) to open the folder containing the cloned repository on your computer. 40 | 4. **Access Your Files**: 41 | 42 | - Inside this local repository folder, you will find all the code files. If any files are compressed (zipped), use a tool like [7-Zip](https://www.7-zip.org/) to extract them. 43 | 44 | This method ensures that you get an exact copy of the repository, including all files handled by Git LFS, ready for use on your system. 45 | 46 | 47 | # Discord Community 48 | As a student of this course, you also get free access to our “Academind Community” on Discord: https://discord.gg/gxvEWGU 49 | 50 | There, you can find like-minded people, discuss issues, help each other, share progress, successes, and ideas and simply have a good time! 51 | 52 | We believe that you learn the most if you don’t learn alone but find learning partners and other people with similar interests. Our community is a great place for this - it’s the perfect complimentary resource for this course. 53 | 54 | Joining it is of course free and 100% optional. 55 | --------------------------------------------------------------------------------