Skip to content

A personal learning repository for exploring React and its ecosystem, built with Vite for fast development and optimal performance.

Notifications You must be signed in to change notification settings

Fritz-nvm/learning-react

Repository files navigation

Learning React

A personal learning repository for exploring React and its ecosystem, built with Vite for fast development and optimal performance.

🚀 About This Project

This repository documents my journey learning React's core concepts and advanced features through hands-on examples and mini-projects. Each section focuses on specific React concepts with practical implementations.

📚 Learning Path

Core Concepts

  • Components & JSX
  • Props & State
  • Event Handling
  • Conditional Rendering
  • Lists & Keys
  • Forms & Controlled Components

Hooks

  • useState
  • useEffect
  • useContext
  • useReducer
  • useMemo & useCallback
  • Custom Hooks

Advanced Topics

  • React Router
  • Context API
  • Error Boundaries
  • Higher-Order Components
  • Render Props
  • Performance Optimization

Ecosystem

  • State Management (Zustand/Redux)
  • Testing (Jest + React Testing Library)
  • API Integration
  • Component Libraries

🛠️ Tech Stack

  • React - UI library
  • Vite - Build tool and dev server
  • JavaScript/TypeScript - Programming language
  • CSS/SCSS - Styling

📦 Installation

  1. Clone the repository:
git clone https://github.com/your-username/learning-react.git
cd learning-react
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev

🎯 Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint

📁 Project Structure

learning-react/
├── public/                 # Static assets
├── src/
│   ├── components/        # Reusable components
│   ├── hooks/            # Custom React hooks
│   ├── pages/            # Page components
│   ├── utils/            # Utility functions
│   ├── styles/           # Global styles
│   └── main.jsx          # Application entry point
├── examples/             # Code examples by topic
└── docs/                 # Learning notes and documentation

🎓 Learning Resources

📝 Notes

This is a personal learning repository where I:

  • Experiment with React features
  • Build small projects to understand concepts
  • Document my learning progress
  • Practice best practices and patterns

🤝 Contributing

While this is primarily a personal learning repository, suggestions and feedback are welcome! Feel free to open issues or submit pull requests for improvements.

📄 License

This project is open source and available under the MIT License.


Happy learning! 🚀

About

A personal learning repository for exploring React and its ecosystem, built with Vite for fast development and optimal performance.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published