Repository files navigation

This repository documents my learning journey throughJohn Smilga's React courseon Udemy. The course provides a comprehensive path to mastering modern Reactdevelopment through hands-on projects.

• React Fundamentals: Core concepts, JSX, components, props, events
• Advanced React: Forms, controlled inputs, Uncontrolled inputs, contextAPI, custom hooks, performance optimization: memoization,useMemo,useCallback, suspense API.
• API Integration: Axios for HTTP requests, React Query for state management
• CMS Integration: Contentful for dynamic content management
• React Router: Advanced routing and navigation
• Redux Toolkit: State management for larger applications
• Tailwind CSS: Utility-first CSS framework integration
• TypeScript: Type safety in React applications
• React with TypeScript: Building type-safe React components

• Next.js: Server-side rendering and static site generation

Each section includes practical, real-world projects to reinforce learningthrough application.

📦 js-react-course├── 📂 01-fundamentals├── 📂 02-backroads-project├── 📂 03-advanced-react├── 📂 04-fundamentals-projects│   ├── 📂 01-birthday-buddy│   ├── 📂 02-tours│   ├── 📂 03-reviews│   ├── 📂 04-accordion│   ├── 📂 05-menu│   ├── 📂 08-lorem-ipsum│   ├── 📂 09-color-generator│   ├── 📂 10-grocery-bud│   ├── 📂 11-navbar│   ├── 📂 12-sidebar-modal│   ├── 📂 14-cart├── 📂 05-axios├── 📂 06-react-query├── 📂 07-unsplash-images├── 📂 08-contentful-cms

If you want to run any of these projects locally, follow these steps:

1. Clone this repository:

   git clone https://github.com/alberto-rj/js-react-course.gitcd js-react-course

2. Navigate to the desired project directory:

   cd 04-fundamentals-projects/01-birthday-buddy

3. Install dependencies:

   npm install

4. Start the project:

   npm run dev

The project will run athttp://localhost:5173 in your browser.

This early project focuses on applying React fundamentals by converting a staticHTML template into a component-based React application.

Each project focuses on essential React concepts, making it useful for beginnerswho want to practice or developers looking to explore specific implementations.

If you would like to contribute, feel free to:

• Suggest improvements to the structure or code.
• Add new features based on existing projects.
• Report issues or bugs.

• These projects were built following the course content and can be enhancedwith new features.
• The purpose of this repository is to serve as a learning guide for anyone whowants to practice React progressively.

Feel free to explore and contribute! 🚀