opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-10-24 12:13:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add usememo usecallback shopping list app workshop (#60101)

Browse Source 
Co-authored-by: Kolade Chris <65571316+Ksound22@users.noreply.github.com>
Co-authored-by: yoko <25644062+sidemt@users.noreply.github.com>
This commit is contained in:
Kristofer Koishigawa
2025-05-30 09:30:19 -07:00
committed by GitHub
co-authored by Kolade Chris yoko
parent 55ad073e72
commit 689cdf2480
34 changed files with 7085 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/i18n/locales/english/intro.json
+6 -1
View File
@@ -3616,7 +3616,12 @@
"In these lecture videos, you will learn about data fetching and memoization in React."
]
},
"ffpt": { "title": "279", "intro": [] },
"workshop-shopping-list-app": {
"title": "Build a Shopping List App",
"intro": [
"In this workshop, you'll use the <code>useMemo()</code> and <code>useCallback()</code> hooks in React to build a simple shopping list app. You'll learn more about state and the lifecycle of React components, and how to use memoization to reduce re-renders and make your apps more efficient."
]
},
"lab-currency-converter": {
"title": "Build a Currency Converter",
"intro": [
client/src/pages/learn/full-stack-developer/workshop-search-app/index.md
+9
View File
@@ -0,0 +1,9 @@
---
title: Introduction to the Build a Shopping List App Workshop
block: workshop-shopping-list-app
superBlock: full-stack-developer
---
## Introduction to the Build a Shopping List App Workshop
In this workshop, you'll use the `useMemo()` and `useCallback()` hooks in React to build a simple shopping list app. You'll learn more about state and the lifecycle of React components, and how to use memoization to reduce re-renders and make your apps more efficient.