Skip to content

[Issue 2283] Create performance-optimization-react.md #2299

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

Merged
merged 20 commits into from
Apr 8, 2025

Conversation

daaimah123
Copy link
Collaborator

@daaimah123 daaimah123 commented Mar 31, 2025

📝 Description

Add a react performance optimization topic outline to the reactjs folder.

🔂 Changes Made

The following concepts are discussed and in depth interactive activities are provided:

  • React rendering lifecycle and performance implications
  • Component memoization with React.memo, useMemo, and useCallback
  • Code splitting and lazy loading techniques
  • State management optimization strategies
  • Virtual DOM and reconciliation process
  • Profiling and measuring React performance

⚙️ Related Issue

🍏 Type of Change

  • New Topic Outline

🎁 Acceptance Criteria

  • Explains the purpose of react performance optimization
  • Considerate of target population: women and non-binary adults career continuing their learning journey into more advanced full stack software engineering concepts
  • Introduce into Repo Table of contents "Week 7 Advanced JS & React"

🧪 How to test or what to evaluate

Read through the topic outline and ensure it reads seamlessly and with empowerment

🚀 Repo Notes (if applicable)

  • This PR updates a piece of the table of contents
  • At present the FT program does not explore this in the curriculum schedule, this would be ideal to introduce during weeks 10+ during pair programming

Copy link
Collaborator

@kaylahrose kaylahrose left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review blocked. I'm not able to get the react dev tools profiler tab running withe these instructions. Following up requesting a pair review in slack.

Copy link
Collaborator

@kaylahrose kaylahrose left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Requesting changes to update instructions

@kaylahrose kaylahrose dismissed their stale review April 3, 2025 18:48

Dismissing my change request so I'm not blocking

@daaimah123 daaimah123 merged commit 954a8f5 into main Apr 8, 2025
@daaimah123 daaimah123 deleted the performance-optimization-react branch April 8, 2025 17:25
@github-project-automation github-project-automation bot moved this from Needs Reviewed to Done in Open-Source Curriculum TO-DO Board Apr 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

Create Topic Outlines for Incoming Paid Workshop on Performance Optimization in React
3 participants