Skip to content

Resources: JavaScript, TypeScript and React

Curated, high-quality resources for this topic. All titles are verified to exist. URLs marked [Verify URL] should be confirmed before clicking — the resource is real but the exact URL may change.


Official Documentation

Resource Description
MDN Web Docs — JavaScript The definitive reference for the JavaScript language and browser APIs. Every JS feature, method, and API is documented here with examples. Bookmark this — you will return to it constantly.
TypeScript Handbook Microsoft's official TypeScript documentation. Comprehensive coverage from basic types through advanced conditional types and declaration merging. The handbook is well-written and accurate.
React Documentation The new React docs (react.dev) launched in 2023. Written around hooks-based function components. Includes interactive sandboxes. Supersedes the older reactjs.org docs.
Node.js Documentation The official Node.js API reference. Essential once you start writing server-side JavaScript in Modules 11–13. [Verify URL]

Books

Resource Description
[Verify: "JavaScript: The Good Parts" by Douglas Crockford — O'Reilly, 2008] A short, opinionated book that identifies the subset of JavaScript that works well, written by the creator of JSLint and JSON. It is dated by modern standards (predates ES2015) but its core insights about the prototype model and functional patterns remain relevant.
[Verify: "Eloquent JavaScript" (4th ed.) by Marijn Haverbeke — No Starch Press] A free, comprehensive introduction to JavaScript that goes deeper than most beginner books. Available at https://eloquentjavascript.net. Covers both browser and Node.js environments, functional programming, and the DOM.
[Verify: "You Don't Know JS" series by Kyle Simpson — O'Reilly] A six-book deep-dive into JavaScript's more confusing corners: scope/closures, this, prototypes, types/grammar, async, and ES2015+. The first two books are freely available on GitHub. Essential reading for moving from intermediate to advanced JavaScript.
[Verify: "Programming TypeScript" by Boris Cherny — O'Reilly, 2019] A thorough TypeScript book for JavaScript developers who already know JS. Covers the type system from the ground up through advanced topics like conditional types and declaration files.
[Verify: "React: Up & Running" by Stoyan Stefanov — O'Reilly] A practical introduction to React that focuses on building real applications quickly. Good for learners who want to see a production-like workflow early.

Online Courses and Interactive Resources

Resource Description
javascript.info Arguably the best free online JavaScript tutorial. Covers the full language from basics to advanced topics including closures, prototypes, async, generators, and browser APIs. Well-written, modern, and accurate. Free.
TypeScript Playground An in-browser TypeScript editor with instant compilation output, hover-over type information, and shareable links. Use it to experiment with types without setting up a project.
[Verify: "The Odin Project — JavaScript Path" at theodinproject.com] A free, structured full-stack curriculum that includes substantial JavaScript content. Good for learners who want project-based learning alongside theory.
React DevTools The official React browser extension. Lets you inspect the component tree, check props/state in real time, and profile renders. Install this before starting Module 08. [Verify URL]

Video Resources

Resource Description
[Verify: "JavaScript: Understanding the Weird Parts" by Anthony Alicea — Udemy] A deep-dive video course into JavaScript's unusual behaviors: the execution context, hoisting, closures, prototype chain, and this. Highly rated by learners who have been confused by JS internals.
[Verify: Fireship "100 Seconds" JS/TS/React series — YouTube] Short, high-quality explainer videos covering JavaScript, TypeScript, and React concepts in 100 seconds or less. Good for quick mental model building. Channel: Fireship on YouTube.

Tools You Will Use

Tool Description
Node.js The JavaScript runtime for your local machine. Install the LTS version. Required from Module 01 onward.
npm The Node Package Manager. Ships with Node.js. You will use it to install TypeScript, React, and every other library in this curriculum.
Vite The recommended build tool for this curriculum. Used in Module 11. Provides fast hot-reload dev servers and optimized production builds.
VS Code Recommended editor. Built on TypeScript, with first-class TypeScript and React support. The "ESLint" and "Prettier" extensions are essentially required for professional JavaScript work.