# React — Resources

## Videos

- [React in 100 Seconds](https://www.youtube.com/watch?v=Tn6-PIqc4UM) — Fireship. Quick conceptual overview.
- [React Hooks Course](https://www.youtube.com/watch?v=6LVm2j0yTiU) — Web Dev Simplified. Deep dive on useState, useEffect, and more.
- [Complete React Course](https://www.youtube.com/watch?v=Rh3tobg7hZo) — freeCodeCamp. Full beginner track.

## Articles and Readings

- [React Docs — Learn React](https://react.dev/learn) — Official tutorial. Start here for fundamentals.
- [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/) — Dan Abramov. Canonical reference for understanding effects.

## Books

- **React in Action** by Mark Thomas — Practical patterns and real-world examples.
- **Learning React** by Alex Banks & Eve Porcello — Clear, modern introduction.

## Tools and Playgrounds

- [CodeSandbox](https://codesandbox.io) — Online React playground, no setup.
- [React TypeScript Cheatsheet](https://react-typescript-cheatsheet.netlify.app/) — TypeScript + React patterns.
- [React DevTools](https://react.dev/learn/react-developer-tools) — Browser extension for inspecting components and state.
- [StackBlitz](https://stackblitz.com/) — Instant full-stack React environment in the browser.

## Podcasts

- [Syntax.fm](https://syntax.fm/) — Wes Bos & Scott Tolinski. Frequent React/web dev episodes.
- [React Podcast](https://spec.fm/podcasts/reactpodcast) — Interviews with React core team and community.
- [JS Party](https://changelog.com/jsparty) — Weekly panel show covering JavaScript and React ecosystem news.

## Interactive and Visual

- [React Visualized (react.gg)](https://react.gg/) — Visual, animated explanations of React concepts.
- [useHooks](https://usehooks.com/) — Visual catalog of reusable React hooks with code.
- [React Lifecycle Diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) — Interactive diagram of component lifecycle phases.

## Courses

- [React — Official Tutorial](https://react.dev/learn/tutorial-tic-tac-toe) — Build tic-tac-toe step by step, from the React team.
- [freeCodeCamp — Front End Libraries](https://www.freecodecamp.org/learn/front-end-development-libraries/) — Free certification covering React fundamentals.
- [Epic React (Kent C. Dodds)](https://epicreact.dev/) — Comprehensive paid workshop series on React patterns.