Welcome to Learn React

Here, you can find the starter files for all the challenges in the course. To get started, download the entire repo and then navigate to the folder you need - the folders are structured just like the course.

If you have any problems at all, feel free to join our Discord server where you can connect with other learners.

Happy coding!

Links from slides:

Use Ctrl/Command + F to search for the one you need below 🔍

General Links:

• Join the Scrimba Discord Server: https://scrimba.com/discord
• Scrimba Discord today-i-did channel: https://scrimba.com/links/discord-today-i-did
• How to use Figma for Developers: https://scrimba.com/links/figma-walkthrough

Section 1: Static Pages

• Tutorial Hell Article: https://scrimba.com/links/tutorial-hell
• Learn HTML: https://scrimba.com/links/learn-html
• Learn CSS: https://scrimba.com/links/learn-css
• Learn JavaScript: https://scrimba.com/links/learn-javascript
• Connect with Bob Ziroll on X: https://x.com/bobziroll
• ReactFacts Figma Design: https://scrimba.com/links/figma-reactfacts
• Vitejs Homepage: https://scrimba.com/links/vite-homepage
• Installing Nodejs with NVM (YouTube search link): https://www.youtube.com/results?search_query=install+nodejs+with+nvm
• NVM for Mac/Linux: https://scrimba.com/links/github-nvm-sh
• NVM for Windows: https://scrimba.com/links/github-nvm-windows

Section 2: Data-driven React

• Travel Journal Figma Design: https://scrimba.com/links/figma-travel-journal-sap
• Handling Static Assets in Vite: https://scrimba.com/links/vite-static-asset-handling
• MDN Web Docs - Array.prototype.map(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Section 3: React State

• Chef Claude Figma Design: https://scrimba.com/links/figma-chef-claude
• React Docs - MouseEvent handler function: https://scrimba.com/links/react-docs-mouse-events-handler
• MDN Web Docs - Conditional (ternary) operator: https://scrimba.com/links/mdn-docs-ternary-operator
• Legacy React Docs - You Probably Don't Need Derived State: https://scrimba.com/links/no-derived-state
• Anthropic Console Login: https://scrimba.com/links/anthropic-console-login-page
• Hugging Face Login: https://scrimba.com/links/hugging-face-join-page
• NPM - react-markdown: https://scrimba.com/links/react-markdown-npm

Section 4: Side Effects

• Meme Generator Figma Design: https://scrimba.com/links/figma-meme-generator
• React Docs - Escape Hatches: https://scrimba.com/links/react-docs-escape-hatches
• React Docs - Synchronizing with Effects: https://scrimba.com/links/react-docs-sync-with-effects
• React Docs - useEffect: https://scrimba.com/links/react-docs-useeffect

Section 5: Tenzies

• Tenzies Figma Design: https://scrimba.com/links/figma-tenzies-game
• Scrimba Learn React - Updating an item in an array: https://scrimba.com/links/sounds-pads-updating-item-in-array
• React Docs - You Might Not Need an Effect: https://scrimba.com/links/react-docs-you-might-not-need-an-effect
• GitHub - react-confetti: https://scrimba.com/links/react-confetti-github
• Scrimba Learn React - useRef Sneak Peek: https://scrimba.com/links/use-ref-sneak-peak-lesson-hint

Section 6: Assembly: Endgame

• Assembly Endgame Figma Design: https://scrimba.com/links/figma-assembly-endgame
• NPM - clsx: https://scrimba.com/links/npm-clsx