Skip to content

[Issue 2278] Create redux-state-management.md #2314

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

daaimah123
Copy link
Collaborator

@daaimah123 daaimah123 commented Apr 10, 2025

📝 Description

This PR adds a comprehensive topic outline for Redux for State Management to the curriculum. It includes interactive code examples, visual representations of Redux concepts, and step-by-step activities to help participant understand Redux fundamentals and best practices.

🔂 Changes Made

  • Added a complete Redux for State Management topic outline with table of contents
  • Created 6 interactive activities covering Redux core concepts, implementation, and debugging
  • Developed a visual representation of Redux DevTools workflow
  • Included code examples for Redux, React-Redux, Redux Thunk, and Redux Toolkit
  • Added common mistakes/misconceptions section to help learners avoid pitfalls
  • Ensured all content is self-guided with clear time estimates for each activity

⚙️ Related Issue

Issue Number: #2278

🍏 Type of Change

New Topic Outline in the react folder

🎁 Acceptance Criteria

  • Topic outline follows the required structure with prerequisites, objectives, motivation, etc.
  • Content includes interactive elements and code examples that can be run asynchronously
  • Visual aids are included to help explain complex concepts (Redux flow, DevTools)
  • Common mistakes and misconceptions are addressed
  • All activities have clear time estimates and instructions
  • Content is self-contained with no external references creating additional complexities and time commitment

🧪 How to test or what to evaluate

  1. Review the topic outline structure to ensure it follows curriculum standards
  2. Test the interactive code examples to verify they work as expected:
    • Run the Redux flow demonstration in Activity 1
    • Test the Counter app in Activity 2
    • Interact with the Redux DevTools visualization in Activity 3
    • Test the Todo app in Activity 4
    • Verify the async operations example in Activity 5
    • Test the Redux Toolkit implementation in Activity 6
  3. Verify that the visual representation of Redux DevTools workflow is clear and educational
  4. Check that all links in the prerequisites section point to the correct Techtonica curriculum pages

🚀 Repo Notes (if applicable)

  • For the full-time program, this topic should be introduced after students have a solid understanding of React and state management concepts
  • The topic outline includes modern Redux practices (Redux Toolkit), which should be emphasized as the recommended approach for new projects

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

Create Topic Outlines for Incoming Paid Workshop on Redux for State Management
1 participant