├── .gitignore ├── README.md └── selecting-a-branch.jpg /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .vscode 3 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 4 | 5 | # dependencies 6 | /node_modules 7 | /.pnp 8 | .pnp.js 9 | 10 | # testing 11 | /coverage 12 | 13 | # production 14 | /build 15 | 16 | # misc 17 | .DS_Store 18 | .env.local 19 | .env.development.local 20 | .env.test.local 21 | .env.production.local 22 | 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Course Code & Materials 2 | 3 | This repository contains the course source code and other extra materials like slides. 4 | 5 | ## How to use 6 | 7 | The code snapshots are organized in multiple **branches** where every branch **represents a course section**. 8 | 9 | For example, the branch [01-getting-started](https://github.com/academind/react-complete-guide-code/tree/01-getting-started) holds all code snapshots and extra materials for section 1 of the course ("Getting Started"). 10 | 11 | You can switch branches via the branch dropdown above the directory explorer. 12 | 13 | ![Click on the branch dropdown and then select the appropriate branch for the course section you're looking for](./selecting-a-branch.jpg) 14 | 15 | In most branches, you'll find multiple folders which organize the section-specific content further: 16 | 17 | - Often, you'll find a `/code` subfolder which contains any relevent code snapshots for the given course section 18 | - You also often find `/slides` folders which - guess what - contain the slides for the module 19 | - `/extra-files` typically contains extra files like `.css` files that might be attached to individual lectures in that course module 20 | 21 | The folder names should generally be self-explanatory but also feel free to simply click around and see which materials are available. 22 | 23 | ## Using code snapshots 24 | 25 | Code snapshots (which you find in `/code`) are there for you to compare your code to mine and find + fix errors you might have in your code. 26 | 27 | You can either view my code directly here on Github (you can open + view code files without issues here) or you download the snapshots. 28 | 29 | The subfolders in the `/code` folder are named such that mapping them to the course lectures is straightforward. 30 | 31 | ### Downloading code snapshots 32 | 33 | You can download all the content of a branch via the "Code" button here on Github. You can then either [clone](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository) the repository or simply download the selected branch content as a ZIP file. 34 | 35 | **Important:** You always download the **entire branch content!** 36 | 37 | You can then dive into the interesting folders (e.g. the individual code snapshots) locally on your hard drive. 38 | 39 | ### Running the attached code 40 | 41 | You can use the attached code simply to compare it to yours. But you can also run it. 42 | 43 | To run my code, navigate into a specific code snapshot folder via the `cd` command in your command prompt or terminal first. 44 | 45 | Then run `npm install` to install all required dependencies (this will create a `/node_modules` folder). 46 | 47 | **Important:** If you're using the code for a module that requires API keys or a backend (e.g. the module about sending Http requests), you'll have to use **your backend URLs** or API keys. Mine won't work (I disabled my projects). -------------------------------------------------------------------------------- /selecting-a-branch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/react-complete-guide-code/2e47d2c4e952e144c5ae1472e32bf43e6738247d/selecting-a-branch.jpg --------------------------------------------------------------------------------