React ????? ?? ?? ?? ???? ????? ??? ???? ??? ??? ???? ????. ??? ???? ???? ???? ? ??? ?? ?? ??? ?? ???? ????? ?? ?? ??? ??? ??? ?????.
? ??? ?????? ?? ???(Fetch Waterfall)? ????, ? ?????, React ??????? ?? ??? ????, ?? ????? ?? ???? ??? ?? ???????.
?? ??? ??????
???? ???????.
???? ??? ?? API ?? ?? ???? ??? ?? ???? ??? ??? ? ???? ?? ?????. ?? ??? ??? ??? ??(??? ??? ? ??) ??? ???? ???? ???? ?????. ?? ?? ?? ???? ?? ???? ?? ??? ???? ?? ?????.
??? ??? ??? ????? ?? ??? ??? ?????.
??: Sentry.io
? ???? ?? '???' ???? ????? ???? ???? ?? ??? ? ????. ? ??? ?? ??? ??? ??? ?????. ???? ??? ??? ??? ????? ?? ??? ?? ??? ?? ??? ? ????.
?? ? ???? ?? ?? ??????? ???? ??? ?? ??? ??? ?? ??? ???. ? ?? ???? ???? ???? ???? ???? ??????? ???? ??? ??? ?? ? ????.
Fetch ??? ? ??????
React? Fetch Waterfall? ????? ?? ??? ?? ??? ?? ?????. ???? ????? ??? ????.
- ?? ?? ??? ???? ?????: ?? ?? ??? ??? ? ???? ??? ?????.
- ?? ?? ??? ???? ?????: ?? ?? ??? ?? ?? ??? ??? ???? ???? ?? ?? ??? ??? ? ?? ???? ??????.
- ?? ??: ??? ?? ??? ?? ? ?? ?? ? ?? ??? ???? ??? ????? ????? "???" ??? ??? ? ????.
? ??? ??? React? ?? ??? ?????? ????? ??? ?????. ?? ?? ??? ???? ??? ? ?? ?? ??? ?? ?? ??? ??? ??? ??? ???? ? ? ????. ??? ????? ????? ???? ??? ? ??? ?? ??? ?? ????? ??? ??? ??? ? ????.
???? ??? ???? ??
React ??????? ??? ????? ?? ???? ?? ??? ????? Chrome DevTools ?? React DevTools? ?? ??? ???? ???? ?? ? ??? ????? ? ????. Chrome DevTools?? ???? ??? ???? ??? ?? ????? ???? ?? API ??? ?????.
React DevTools??? ?? ?? ?? ???? ???? ???? ??? ?? ? ?????? ?? ???? ???? ??? ? ????.
??? ???? ??? ??? ? ?? ? ?? ?????.
- ?? ??? ?? ??: ??? ?? ??? ???? ?? ??? ??.
- ????? ?? ??: ??? ?? ????? ???? ??? ??? ??? API ??? ??? ??.
React?? ???? ??(Fetch Waterfall)? ???? ??
???? ??? ????? ???? ? ?? ??? ?? React ??????? ???? ? ?? ? ?? ??? ????.
1. ??? ??? ????
?? API ??? ???? ?? ? API ??? ??? ??? ???? ?? ?? ???? ??? ??? ???? ?? ????. ?? ?? Promise? ??? ??? ? ?? JavaScript? Promise.all() ???? ???? ??? ? ????.
??? ???? ??? ???? ????.
const fetchData = async () => {
const [data1, data2, data3] = await Promise.all([
fetch('/api/data1').then(res => res.json()),
fetch('/api/data2').then(res => res.json()),
fetch('/api/data3').then(res => res.json()),
]);
// Use the data
};
???? ??? ???? ? ?? ??? ???? ????? ???? ? ??? ??? ? ????.
2. ???? ??? ???? ??
?? ??? ?? ????? ????? ?? ?? ?? ??? ???? ???? ??? ?? ??? ????? ? ????. ??, ? ?? ?? ??? ?? ??? ????? ????? ????? ???. ??? ????? ??? ???? ????? React Query ?? SWR? ?? ?????? ???? ?? ?? ???? ????? ???? ???.
3. React ?? ?? SWR ??
React Query ? SWR? ?? ?????? React ???????? ??? ????? ???? ? ?????. ??, ????? ??? ???? ? ?? ??? ???? ??? ????? ??? ???? ??? ?? ????.
?? ?? React Query? ??? ????? ?? ??, ??? ? ????? ???? ???? ???? ?? ??? ????? ???? ???? ?? ??? ?? ???? ??? ?????? ???.
const fetchData = async () => {
const [data1, data2, data3] = await Promise.all([
fetch('/api/data1').then(res => res.json()),
fetch('/api/data2').then(res => res.json()),
fetch('/api/data3').then(res => res.json()),
]);
// Use the data
};
4. ?? ??? ??? ?? ?? ???
??? ???? ??? ?? ?? ??? ???? ?? ?? ? ????. ??? ???? ??? ????(?? ?? ??, ???? ?? React Query? ?? ?? ??????) ???? ???? ??? ???? ??????? ? ??? ????? ?? ? ????.
??
React? Fetch Waterfall? ?? ?? ??? ?? ??? ? ? ??? ??? ??? ???? ?? ?? ? ????. ??? ???? ????, ?? ???? ??? ????? ????, React Query? ?? ??? ?????? ?????? React ??????? ??? ???? ??? ??? ???? ? ????.
React ??????? ??? ???? ??? ???? ?? ? ?? ???? ??? ???? ??? ???? ??? ?? ??? ???? ?? ????. ????? ??????? API? ?? ???? ??? ????? ? ??? ????? ?? ??? ??????? ?? ? ????.
? ??? React? Fetch Waterfall ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??? JavaScript?? ??? ??????
Jul 04, 2025 am 12:42 AM
JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.
node.js?? HTTP ????? ???
Jul 13, 2025 am 02:18 AM
Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.
JavaScript ??? ?? : ?? ? ??
Jul 13, 2025 am 02:43 AM
JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.
JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????.
Jul 08, 2025 pm 02:27 PM
?????, JavaScript ???! ?? ? JavaScript ??? ?? ?? ?????! ?? ?? ??? ??? ??? ? ????. Deno?? Oracle? ?? ??, ??? JavaScript ?? ??? ????, Google Chrome ???? ? ??? ??? ???? ?????. ?????! Deno Oracle? "JavaScript"??? ????? Oracle? ?? ??? ??? ??????. Node.js? Deno? ??? ? Ryan Dahl? ??? ?????? ???? ????? JavaScript? ??? ???? Oracle? ????? ???? ?????.
REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????
Jul 05, 2025 am 02:24 AM
?? JavaScript ??? ??? ??? ?????? ?? ??? ?? ?? ??? ?? ???? ????. 1. ??? ???? ???? ?? ??? ?? ? ? ???? ??? ??? ?? ? ?? ????? ?????. 2. Angular? ?????? ??? ?? ???? ? ?? ?? ??? ??? ??? ???? ?????. 3. VUE? ???? ?? ??? ???? ?? ?? ??? ?????. ?? ?? ?? ??, ? ??, ???? ???? ? SSR? ???? ??? ??? ??? ???? ? ??? ?????. ???, ??? ??? ??? ????? ????. ??? ??? ??? ??? ?? ????.
JavaScript?? ?? ?? ??? (IIFE)? ?????
Jul 04, 2025 am 02:42 AM
iife (?? invokedfunctionexpression)? ?? ??? ???? ?? ????? ??? ???? ?? ??? ????? ?? ??? ? ?????. ??? ?? ?? ??? ???? ? ?? ??? ??? ?? (function () {/code/}) ();. ?? ???? ??? ?????. 1. ?? ??? ??? ?? ???? ?? ??? ??? ?????. 2. ?? ??? ??? ???? ?? ?? ??? ????. 3. ?? ?? ??? ????? ?? ???? ???????? ?? ? ??. ???? ?? ???? ?? ??? ES6 ??? ??? ??? ?? ? ??? ????? ??? ? ???? ???????.
?? ??? : JavaScript? ??, ?? ?? ? ?? ?????
Jul 08, 2025 am 02:40 AM
??? JavaScript?? ??? ??? ?????? ?? ???????. ?? ??, ?? ?? ? ??? ??? ?? ????? ????? ?????. 1. ?? ??? ??? ????? ???? ??. ()? ?? ??? ??? ?????. ?. ()? ?? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ??? .catch ()? ???? ?? ??? ??? ?? ??? ??????, ??? ???? ???? ????? ??? ? ????. 3. Promise.all ()? ?? ????? (?? ?? ?? ? ??????? ??), Promise.Race () (? ?? ??? ?? ?) ? Promise.AllSettled () (?? ??? ???? ??)
?? API? ???? ??? ???? ??? ??????
Jul 08, 2025 am 02:43 AM
Cacheapi? ?????? ?? ???? ??? ???? ???, ?? ??? ??? ?? ???? ? ??? ?? ? ???? ??? ??????. 1. ???? ????, ??? ??, ?? ?? ?? ???? ???? ??? ? ????. 2. ??? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ?? ?? ??? ??? ?? ?????. 4. ??? ???? ?? ?? ???? ?? ?? ?? ?? ?? ???? ?? ?? ??? ??? ? ????. 5. ?? ???? ??, ??? ??? ? ??? ??, ?? ??? ? ?? ???? ???? ???? ? ?? ?????. 6.?? ??? ?? ?? ?? ??, ???? ?? ? HTTP ?? ????? ?????? ???????.
