How malfazakki/modul-react-programmer-pit works
This repository is an Indonesian-language React learning module, not a runnable application. Its principal workflow is for a learner to progress from introductory React concepts through state, APIs, routing, and advanced patterns. The file names support this curriculum structure; no source excerpts or README content were provided, so relationships are limited to the documented lesson order and topics.
Main entry points: 1.pengantar.md Course overview · 1.0-intro.md React introduction · 1.1-Pengenalan_React_dan_Setup_Environment.md React setup · 1.2-JSX_dan_Rendering_Elements.md JSX and rendering
Components 28
Course introduction
- Course overview
0-Intro/1.pengantar.md - Learning objectives
0-Intro/2.tujuan_umum_pembelajaran.md - Module guide
0-Intro/3.panduan_penggunaan_modul.md
React foundations
- React introduction
1-Pengenalan_React/1.0-intro.md - React setup
1-Pengenalan_React/1.1-Pengenalan_React_dan_Setup_Environment.md - JSX and rendering
1-Pengenalan_React/1.2-JSX_dan_Rendering_Elements.md - Components and props
1-Pengenalan_React/1.3-Components_dan_Props.md - React styling
1-Pengenalan_React/1.4-Styling_dalam_React.md - State and useState
1-Pengenalan_React/1.5-State_dan_useState_Hook.md - Weekly evaluation
1-Pengenalan_React/1.6-Evaluasi_Pekanan.md
State and hooks
- Events and forms
2-State_Management_&_Hooks/2.1-Event_Handling_dan_Forms.md - Conditional lists
2-State_Management_&_Hooks/2.2-Conditional_Rendering_dan_Lists.md - Lifecycle and effects
2-State_Management_&_Hooks/2.3-Component_Lifecycle_dan_useEffect_Hook.md - API integration
2-State_Management_&_Hooks/2.4-API_Integration_dan_Async_Operations.md - Advanced state
2-State_Management_&_Hooks/2.5-State_Management_Lanjutan.md - Weekly evaluation
2-State_Management_&_Hooks/2.6-Evaluasi_Pekanan2.md
Routing and patterns
- Context API
3-Routing_&_Advanced_React_Patterns/3.1-useContext_dan_Context_API.md - Custom hooks
3-Routing_&_Advanced_React_Patterns/3.2-Custom_Hooks.md - Performance optimization
3-Routing_&_Advanced_React_Patterns/3.3-Performance_Optimization.md - Basic routing
3-Routing_&_Advanced_React_Patterns/3.4-React_Router_Routing_Dasar.md - Advanced routing
3-Routing_&_Advanced_React_Patterns/3.5-React_Router_Advanced_Features.md - Weekly evaluation
3-Routing_&_Advanced_React_Patterns/3.6-Evaluasi_Pekanan3.md
Advanced topics
- React and TypeScript
4-Advanced_Topics/4.1-Pengenalan_Typescript_Pada_React.md - Styling and UI libraries
4-Advanced_Topics/4.2-Advanced_Styling_dan_UI_Libraries.md - Redux Toolkit
4-Advanced_Topics/4.3-State_Management_dengan_Redux_Toolkit.md - Advanced hooks and patterns
4-Advanced_Topics/4.4-Advanced_Hooks_dan_Patterns.md - Form and shadcn integration
4-Advanced_Topics/4.5-React_Hook_Form_and_Integration_With_Shadcn.md
Other components
- Learner
Connections 27
- Learner → Course overview: reads first
- Learner → Learning objectives: reviews goals
- Learner → Module guide: uses guide
- Course overview → React introduction: starts curriculum
- React introduction → React setup: continues to
- React setup → JSX and rendering: continues to
- JSX and rendering → Components and props: continues to
- Components and props → React styling: continues to
- React styling → State and useState: continues to
- State and useState → Weekly evaluation: leads to
- Weekly evaluation → Events and forms: continues to
- Events and forms → Conditional lists: continues to
- Conditional lists → Lifecycle and effects: continues to
- Lifecycle and effects → API integration: continues to
- API integration → Advanced state: continues to
- Advanced state → Weekly evaluation: leads to
- Weekly evaluation → Context API: continues to
- Context API → Custom hooks: continues to
- Custom hooks → Performance optimization: continues to
- Performance optimization → Basic routing: continues to
- Basic routing → Advanced routing: continues to
- Advanced routing → Weekly evaluation: leads to
- Weekly evaluation → React and TypeScript: continues to
- React and TypeScript → Styling and UI libraries: continues to
- Styling and UI libraries → Redux Toolkit: continues to
- Redux Toolkit → Advanced hooks and patterns: continues to
- Advanced hooks and patterns → Form and shadcn integration: continues to