explaingit

midudev/aprendiendo-react

★ 8,936TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

Source code for a Spanish-language React course taught live on Twitch, covering hooks, APIs, TypeScript, Redux Toolkit, and React Query through real projects like games, clones, and shopping carts.

Mindmap

mindmap
  root((aprendiendo-react))
    What it does
      React course in Spanish
      Live Twitch sessions
      Real project examples
    Projects Built
      Shopping cart
      Tic Tac Toe
      Hacker News reader
      Google Translate clone
    Tech Stack
      React
      TypeScript
      Redux Toolkit
      Zustand
    Audience
      Spanish-speaking devs
      React beginners
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Follow a React course in Spanish by running each numbered project locally and experimenting with the working code.

USE CASE 2

Use the finished project files as reference implementations for common React patterns like shopping carts and API fetching.

USE CASE 3

Learn how to add TypeScript to a React project by studying the later lessons that pair TypeScript with React components.

Tech stack

TypeScriptJavaScriptReactRedux ToolkitReact QueryZustand

Getting it running

Difficulty · easy Time to first run · 5min

Each lesson folder is a self-contained project, run npm install and npm start inside the relevant numbered folder.

In plain English

This repository contains the source code and project files for a React course taught in Spanish. React is a popular JavaScript library for building interactive web pages and applications. The course is delivered as a live stream on Twitch by midudev, a Spanish-speaking developer and educator, and each session is also recorded and posted to YouTube. The course is structured around building real projects rather than just reading theory. Each numbered lesson pairs a video with a working code example you can open, run, and modify. Lessons cover the main React concepts that developers use every day, including the built-in hooks for managing state and side effects, fetching data from external APIs, and organizing code into reusable pieces. Later sessions introduce TypeScript alongside React, and cover additional tools like Redux Toolkit for global state management, React Query for data fetching, and Zustand for lightweight state stores. The projects built across the course range from a Twitter-style follow button and a Tic Tac Toe game to a shopping cart, a Google Translate clone that uses ChatGPT, a Hacker News reader, and a JavaScript quiz. Each project has a live deployed version you can visit in a browser, and the corresponding code is in a numbered folder within the repository. The README is written in Spanish. If you do not read Spanish, the video titles and project names are still readable in the table, and the live demo links work regardless of language. There is no English version of the README provided.

Copy-paste prompts

Prompt 1
I'm looking at the aprendiendo-react shopping cart project. Show me how to add a quantity selector to each cart item using the same state management approach as the existing code.
Prompt 2
How does the Google Translate clone in aprendiendo-react call the ChatGPT API? Show me where the request is made and how the response updates the UI.
Prompt 3
Walk me through how the Hacker News reader in aprendiendo-react fetches and displays stories, and show me how to add pagination.
Prompt 4
How is Zustand used in the aprendiendo-react projects compared to Redux Toolkit? Show me a state update example from each approach.
Open on GitHub → Explain another repo

← midudev on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.