├── .gitattributes ├── LICENSE ├── README.md ├── S01 - Getting Started ├── Course Resources - GitHub Link.txt └── S01 - Useful Links and Resources.txt ├── S02 - JavaScript Refresher ├── Destructure in Function Parameter Lists.DOC ├── Destructuring in Function Parameter Lists.docx ├── JS Array Functions.docx ├── Module Resources.docx ├── More on Arrow Function Syntax.DOC ├── More on the Arrow Function Syntax.docx ├── Next-Gen JavaScript - Summary.docx ├── S02 - Useful Links and Resources.txt ├── S02 - Useful Links.TXT └── next-gen-js-summary.pdf ├── S03 - React Essentials - Components, JSX, Props ├── A Closer Look - Components and File Extensions.docx ├── A Closer Look-Components & File Extensions.DOC ├── More Prop Syntaxes.DOC ├── More Prop Syntaxes.docx ├── S03 - Useful Links and Resources.txt └── S03 - Useful Links.TXT ├── S04 - React Essentials - Deep Dive ├── A Closer Look - public vs assets for Image Storage.DOC ├── Closer Look - public vs assets for Image Storage.docx ├── S04 - Useful Links and Resources.txt └── S04 - Useful Links.TXT ├── S05 - React Essentials - Practice Project ├── S05 - Useful Links and Resources.txt └── S05 - Useful Links.TXT ├── S06 - Styling React Components ├── S06 - Useful Links and Resources.txt └── S06 - Useful Links.TXT ├── S07 - Debugging React Apps ├── S07 - Useful Links and Resources.txt └── S07 - Useful Links.TXT ├── S08 - Working with Refs and Portals ├── Closing the Modal via ESC.DOC ├── Closing the Modal via the ESC (Escape) Key.docx ├── Repetition - Fragments.DOC ├── Repetition - Fragments.docx ├── S08 - Useful Links and Resources.txt └── S08 - Useful Links.TXT ├── S09 - Project Management App ├── S09 - Useful Links and Resources.txt └── S09 - Useful Links.TXT ├── S10 - Advanced State Management ├── S10 - Useful Links and Resources.txt └── S10 - Useful Links.TXT ├── S11 - Handling Side Effects and Using useEffect ├── Fixing a Small Bug.DOC ├── Fixing a Small Bug.docx ├── S11 - Useful Links and Resources.txt └── S11 - Useful Links.TXT ├── S12 - Quiz App └── S12 - Useful Links and Resources.txt ├── S13 - React and Optimization Techniques ├── S13 - React and Optimization Techniques.txt └── S13 - Useful Links.TXT ├── S14 - Class-based Components ├── Lesson Summary - Error Boundaries.DOC ├── Lesson Summary – Error Boundaries.docx ├── Module Resources.docx └── S14 - Class-based Components.txt ├── S15 - Sending HTTP Requests ├── S15 - Useful Links and Resources.txt └── S15 - Useful Links.TXT ├── S16 - Custom React Hooks └── S16 - Useful Links and Resources.txt ├── S17 - Working with Forms and User Input ├── S17 - Useful Links and Resources.txt └── S17 - Useful Links.TXT ├── S18 - Handling Forms via Form Actions └── S18 - Useful Links.txt ├── S19 - Food Order App └── S19 - Useful Links and Resources.txt ├── S20 - Redux ├── 01-starting-project (1).zip ├── Important - createStore() is (Not) Deprecated.docx ├── Module Resources.docx └── Must Read.DOC ├── S21 - Advanced Redux ├── 01-starting-project.zip ├── A Problem with useEffect().docx ├── Module Resources.docx ├── S21 - Advanced Redux.txt └── Using Firebase as a Backend.docx ├── S22 - Multi-Page SPA with React Router ├── Module Resources.docx ├── S22 - Useful Links.txt └── Upgrade from React Router v5.DOC ├── S23 - Authentication to React Apps ├── Imp - loader()s must return null or any other value.DOC ├── Module Resources.docx └── S23 - Useful Links.txt ├── S24 - Deploying React Apps └── S24 - Useful Links.TXT ├── S25 - React Query - Tanstack Query └── S25 - Useful Links.txt ├── S26 - NextJS - App Router ├── Bonus - Store Uploaded Images in AWS S3.DOC ├── Improve Image Picker Component.DOC ├── Module Resources.docx ├── Reserved Filenames.docx └── S26 - Useful Links and Resources.txt ├── S27 - NextJS Pages Router ├── 01-starting-project (1).zip ├── 01-starting-project.zip ├── 06-onwards-to-a-bigger-project-starting-project.ZIP ├── Module Resources 2.docx ├── Module Resources.docx └── S27 - Useful Links and Resources.txt ├── S28 - RSC & Server Actions └── S28 - Useful Links.txt ├── S29 - Framer Motion └── S29 - Useful Links and Resources.txt ├── S30 - React Patterns and Best Practices ├── Module Resources.docx ├── S30 - Useful Links.txt └── replace-redux-06-bonus-multiple-slices.ZIP ├── S31 - Testing React Apps ├── 01-starting-project.zip ├── Module Resources.docx └── S31 - Useful Links and Resources.txt └── S32 - React and TypeScript ├── 01-starting-project (1).zip ├── 07-react-ts-starting-project.zip ├── A Closer Look At Generics.docx ├── Module Resources.docx └── S32 - Useful Links.TXT /.gitattributes: -------------------------------------------------------------------------------- 1 | *.zip filter=lfs diff=lfs merge=lfs -text 2 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /S01 - Getting Started/Course Resources - GitHub Link.txt: -------------------------------------------------------------------------------- 1 | Course Resources => https://github.com/academind/react-complete-guide-course-resources -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/Destructure in Function Parameter Lists.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/Destructuring in Function Parameter Lists.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/JS Array Functions.docx -------------------------------------------------------------------------------- /S02 - JavaScript Refresher/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/Module Resources.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/More on Arrow Function Syntax.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/More on the Arrow Function Syntax.docx -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/Next-Gen JavaScript - Summary.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S02 - JavaScript Refresher/next-gen-js-summary.pdf -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S03 - React Essentials - Components, JSX, Props/A Closer Look - Components and File Extensions.docx -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S03 - React Essentials - Components, JSX, Props/A Closer Look-Components & File Extensions.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S03 - React Essentials - Components, JSX, Props/More Prop Syntaxes.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S04 - React Essentials - Deep Dive/A Closer Look - public vs assets for Image Storage.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S04 - React Essentials - Deep Dive/Closer Look - public vs assets for Image Storage.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S08 - Working with Refs and Portals/Closing the Modal via ESC.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S08 - Working with Refs and Portals/Closing the Modal via the ESC (Escape) Key.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S08 - Working with Refs and Portals/Repetition - Fragments.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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S11 - Handling Side Effects and Using useEffect/Fixing a Small Bug.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S14 - Class-based Components/Lesson Summary – Error Boundaries.docx -------------------------------------------------------------------------------- /S14 - Class-based Components/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S14 - Class-based Components/Module Resources.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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/Important - createStore() is (Not) Deprecated.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S20 - Redux/Important - createStore() is (Not) Deprecated.docx -------------------------------------------------------------------------------- /S20 - Redux/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S20 - Redux/Module Resources.docx -------------------------------------------------------------------------------- /S20 - Redux/Must Read.DOC: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S21 - Advanced Redux/A Problem with useEffect().docx -------------------------------------------------------------------------------- /S21 - Advanced Redux/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S21 - Advanced Redux/Module Resources.docx -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S21 - Advanced Redux/Using Firebase as a Backend.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S22 - Multi-Page SPA with React Router/Module Resources.docx -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S22 - Multi-Page SPA with React Router/Upgrade from React Router v5.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S23 - Authentication to React Apps/Imp - loader()s must return null or any other value.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S23 - Authentication to React Apps/Module Resources.docx -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S26 - NextJS - App Router/Bonus - Store Uploaded Images in AWS S3.DOC -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S26 - NextJS - App Router/Improve Image Picker Component.DOC -------------------------------------------------------------------------------- /S26 - NextJS - App Router/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S26 - NextJS - App Router/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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S26 - NextJS - App Router/Reserved Filenames.docx -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S27 - NextJS Pages Router/Module Resources 2.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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S27 - NextJS Pages Router/Module Resources.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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S30 - React Patterns and Best Practices/Module Resources.docx -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /S31 - Testing React Apps/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S31 - Testing React Apps/Module Resources.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 -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S32 - React and TypeScript/A Closer Look At Generics.docx -------------------------------------------------------------------------------- /S32 - React and TypeScript/Module Resources.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition/56aa6ccdc37642bce5c6f346765b0ac9fb1dc931/S32 - React and TypeScript/Module Resources.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 | --------------------------------------------------------------------------------