React.js? ??????
??? React??? ??? React.js? ?? ??? ?????(UI) ??? ???? ?? ?? JavaScript ????????. Meta(?? Facebook)? ??? ?????? ??? ?? ???? React? ?? ? ?????? ??? ?? ?? ?? ?? ?? ? ??? ?????.
??? React.js? ???? ? ?? ?????? ?? ???? ?????.
1. ???? ?? ????
React? UI? ?????? ?? ??? ??? ???? ????? ???? ?? ????? ????. ? ?? ??? ?? ??? ???? ???? ?????? ?? ????? ?? ???? ?? ????.
- ?: ??, ?? ?? ?? ???? ??? React ????? ??? ? ????.
2. ??? ??
React? ??? ????? ???? ?????. ?, ???? UI? ?? ??? ???? React? ??? ??? ?? DOM? ???????.
- ??? ??: ? ?? ??? ??? ?? DOM ??? ???? ?? ???? ????? ??? ??? ??????.
3. ?? DOM
React? ?? DOM? ??? ??? ???? ???? Virtual DOM ??? ?????. ??????? ?? ??? ???? React? ?? Virtual DOM? ?????? ?? ?? ??? ?? DOM? ???? ? ??? ???? ???? ??? ?????.
-
??:
- ? ?? ???? ? ???.
- ?? DOM ??? ?? ??? ???????.
4. JSX(?????? XML)
React? ???? JavaScript ??? HTML? ??? ??? ?? ??? ? ?? ??? ?? ??? JSX? ?????. JSX? ???? ??? ? ?? ?? ?? ?? UI ??? ? ??? ?? ? ????.
- ?:
const Greeting = () => <h1>Hello, World!</h1>;
5. ??? ??? ??
React? props(?? ??)? ???? ?? ?? ???? ?? ?? ??? ???? ???? ??? ??? ??? ?????. ??? ?? ?? ??? ??? ???? ?????? ???? ? ?????.
-
?? ??:
- ?? ????? ??? ???? ???? ?? ????? ?????.
- ?? ?? ??? ??? ???? ???? ?????? ?? ?? ??? ??? ?? ??? ?? ????.
6. ??? ?
?? 16.8? React Hooks? ????? ???? ??? ?? ?? ??? ?? ?? ??? ??? ???? ??? ? ????.
- ?? ??:
- useState: ?? ??? ?????.
- useEffect: ??? ???? ?? ??? ?? ???? ?????.
7. ??? ???
React? ???? ???? ??? ?? ??? ??? ?????.
- ?? ??? ??????(SPA)?? ??? ???? ?? React Router
- ?? ??? ?? Redux ?? React Query
- ??? ??? ? ?? ??? ??? ?? Next.js ? Gatsby
8. ?? ??
React.js? ??? ??????? ??????.
- ?? ??? ??????(SPA).
- ???? ? ?? ??.
- ????? ???.
- ?? ??? ???.
- ??? ?(React Native? ??).
9. React.js? ???? ??? ??????
- ??? ???: JavaScript? ??? ???? ?? ?? ? ????.
- ????: ???? ?? ??? ????? ?????.
- ??? ????: ???? ??, ????? ? ???? ??? ??.
- ???: ??? ?????? ??? ???????? ?? ??? ????? ?????.
??
React.js? ???? ??? ????? ?? ??? ? ??????? ?? ??? ? ??? ?????. ?? ?? ?? ????, Virtual DOM ? ??? ??? ?? ?? ??? ?? ??? ?? ??? ??? ???. ????? ??? ????? React? ?? UI? ?? ? ?? ???? ??? ?????.
? ??? React.js ??: ?? ? ?????? ??? ?? ?? ???? ?? ?????. ??? ??? 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?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.

TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL

??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.

JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.

ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.

Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.

???? ?? ?? ??? JavaScript ??? ????? ?? 4 ?? ??????. 1. ???? ??? ?? ?? ??? ???? ?? ??? Count? ?? ??? ?? ???? ?? ??? FetchData ()? ?? ??? ???? ??? ??? ??? ????? ?? PascalScase? ?? ?????. 2. ???? ? ??? ???? ??? ? ??? ??? ??? Formatuser, SaveUser ? RenderUser? ???? ?? ?? ? ??? ?????. 3. Page? userprofile, Userstats ? React? ?? ???? ???? ? ??? ? ?? ???? ????? ??????. 4. ?? ?? ? ???? ??? ??? ? ???? ??? ??? ??????.

JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.
