Learn to Create React Projects

A curated guide for learning and building React projects from scratch, including libraries, utilities, testing, and UI components.

Prerequisites

To get started with these projects, ensure you have the following tools and knowledge:

• Basic Programming Knowledge: Familiarity with JavaScript, HTML, and CSS.
• Node.js and npm/yarn: Install the latest LTS version of Node.js and ensure npm or yarn is installed.
• Git: Knowledge of Git basics and a GitHub or GitLab account.
• Code Editor: Install Visual Studio Code or another preferred IDE.
• Browser DevTools: Familiarity with using browser developer tools.
• React Basics: Understanding of React fundamentals like components, props, and state.
• Optional: Knowledge of TypeScript is helpful for some modules.

Modules

Explore different React-related modules to enhance your development skills:

• In-Progress: learn-to-create-react-library
• In-Progress: learn-to-create-utility-library
• Planned: learn-to-test-react-components
• Planned: learn-to-use-material-ui
• Planned: learn-to-integrate-redux
• Planned: learn-to-build-react-forms
• Planned: learn-to-implement-routing-with-react-router
• Planned: learn-to-implement-server-side-rendering
• Planned: learn-to-use-tailwind-css-with-react

Additional Topics to Explore

• Debugging React Applications
• Optimizing Performance with React
• Understanding React Hooks (useState, useEffect, useContext, etc.)
• Creating Custom React Hooks
• Testing with Jest and React Testing Library
• Integrating APIs with Axios or Fetch
• Component Styling Techniques (CSS Modules, Styled Components, Emotion)

Must-Watch or Refer Links

• Learn X in Y Minutes: A full series for frontend development

Here are some recommended learning resources:

• references.md
• documentation.md
• version-info.md
• key-terminologies.md