intermediateweb development

React: Components, Hooks & State

React for Somali speakers: components, hooks, forms, and routing, practiced through real portfolio apps, from todo lists to a complete recipe collection app.

Mohamud Osman

Instructor

93 lessons18h 14m

Part of a mentorship

Full Stack AI Engineer

This course is included in the mentorship. It isn't sold on its own.

View mentorship

What's included

93 video lessons
18h 14m of content
Certificate of completion
Course access

What you'll learn

Build React apps with Vite

Create reusable components with props

Manage state with useState

Handle side effects with useEffect

Render lists and conditional content

Navigate with React Router

Handle forms with React Hook Form

Is this course for you?

You should already be comfortable with:

Phase 2: JavaScript completed

ES6 fundamentals

Curriculum

18 sections93 lessons18h 14m total

Your instructor

Instructor

Mohamud Osman

A seasoned software engineer with over 11 years of experience in full-stack development. Mohamed has founded multiple successful startups including Dugsiiye and Imagingface, and has mentored thousands of developers worldwide. His expertise spans from frontend technologies like React and Next.js to backend systems, DevOps, and AI/ML applications.

23courses·7K+students

View full profile

About this course

Phase 3 — React. React waa library-ga JavaScript ee ugu badan loo isticmaalo modern frontend-ka. Companies sida Meta, Netflix, iyo Airbnb ayaa ku dhisa apps-keenna React.

Maxaad baran doontaa:

Components — reusable UI building blocks
Hooks — useState, useEffect
State management — sida loo maamulo xogta app-ka
Lists, conditions iyo events — interactivity-ga aasaaska ah
Routing iyo forms — multi-page navigation iyo controlled inputs

Capstone: React Single Page Application oo dhameystiran oo aad ku show-garaynayso skill-kaaga frontend-ka.

13 more courses to explore.

AI Engineering Masterclass: Build LLM Apps with RAG & Agents

advanced

Save $15

AI Engineering Masterclass: Build LLM Apps with RAG & Agents

An AI engineering masterclass for Somali speakers: build a chat app, an AI image editor, a chat-with-PDF RAG system, and a multi-agent system with the AI SDK, Pinecone, and Inngest. For developers who already build apps.

$34$49

Agentic Coding with Claude Code: Build & Ship a Real App

intermediate

Save $21

Agentic Coding with Claude Code: Build & Ship a Real App

Master Claude Code in Af-Soomaali: the Explore, Plan, Code, Commit workflow, plus CLAUDE.md, skills, subagents, MCP, and worktrees, then build and ship a real app.

$49$70

Next.js Masterclass: Build Full-Stack Apps with App Router

intermediate

Save $7

Next.js Masterclass: Build Full-Stack Apps with App Router

Next.js with the App Router, taught in Somali: Server Components, Server Actions, and caching, ending in a full-stack MongoDB app with frontend and backend in one project.

$18$25

MERN Stack: Build Full-Stack Apps with React & Node

intermediate

Save $9

MERN Stack: Build Full-Stack Apps with React & Node

One complete MERN app, taught in Somali: an Express API with JWT auth, a React dashboard with React Query and ShadCN, then a full-stack deploy to production.

$21$30

React Native: Build iOS & Android Mobile Apps

intermediate

Save $9

React Native: Build iOS & Android Mobile Apps

Build iOS and Android apps from one codebase with React Native and Expo, taught in Somali. The big project: a full-stack AI calorie tracker with camera, OpenAI food analysis, and reports.

$21$30

SaaS Engineer: Build & Deploy Full-Stack Apps

intermediate

Save $9

SaaS Engineer: Build & Deploy Full-Stack Apps

Ship one complete SaaS in Af-Soomaali: Node.js API, Next.js frontend, Stripe plus EVC/Zaad mobile-money payments, an AI headshot generator, and Redis caching, deployed to your own VPS with CI/CD.

$21$30

React: Components, Hooks & State

What you'll learn

Is this course for you?

Curriculum

Introduction to React and Modern Development Tools