whatisgithub

What is aprendiendo-react?

midudev/aprendiendo-react — explained in plain English

Analysis updated 2026-06-24

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

In one sentence

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

What do people build with it?

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.

What is it built with?

TypeScriptJavaScriptReactRedux ToolkitReact QueryZustand

How does it compare?

midudev/aprendiendo-reactgorhom/react-native-bottom-sheetsoftwarebrothers/adminjs
Stars8,9368,9378,935
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatemoderate
Complexity2/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get 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.

So what is it?

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.

Frequently asked questions

What is aprendiendo-react?

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.

What language is aprendiendo-react written in?

Mainly TypeScript. The stack also includes TypeScript, JavaScript, React.

How hard is aprendiendo-react to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is aprendiendo-react for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.