Field Guide to React Links react.haidar.dev react.catamyst.com Principles Truly beginner friendly Keep it simple for a quick guide Show why and what React is with some visuals Start with basic HTML, CSS, and JavaScript Start with CDN at first without extra tooling Recommend and refer back to the official docs and references, as this isn't the whole technical docs Recommend initial workflow to use JSX autocomplete like Emmet and formatter like Prettier before anything else Recommend to understand and use the difference between SPA vs non-SPA, CRA the old way, Vite, Next.js, Remix, Gatsby, Astro, etc Recommend TypeScript for type safety and ESLint for code quality check Recommend popular options on routing (ex: React Router), styling (ex: Tailwind CSS), UI components (ex: Radix UI), data fetching (ex: SWR, React Query) References General https://mdn.dev https://javascript.info https://typescriptlang.org React https://react.dev https://id.react.dev https://react.gg https://react.gg/visualized https://roadmap.sh/react https://flaviocopes.com/book/react https://freecodecamp.org/learn/front-end-development-libraries https://codecademy.com/resources/docs/react https://codecademy.com/learn/paths/build-web-apps-with-react https://codecademy.com/learn/react-101 https://codecademy.com/learn/learn-react-introduction https://reactforbeginners.com https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started React Ecosystem https://reactrouter.com https://tailwindcss.com https://tailwindui.com https://radix-ui.com https://swr.vercel.app https://tanstack.com/query https://prisma.io React Stack/Framework https://remix.run https://remix.run/stacks https://nextjs.org https://nextjs.org/learn https://gatsbyjs.com https://astro.build https://ui.shadcn.com https://create.t3.gg https://epicweb.dev/epic-stack https://github.com/epicweb-dev/epic-stack