React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

Программирование

តើអ្វីទៅជា React JS សម្រាប់អ្នកចាប់ផ្តើមដំបូង តើវាជាអ្វី ការបង្រៀន ការដំឡើង ឯកសារ – របៀបដំឡើង និងប្រើបណ្ណាល័យ React JS នៅពេលសរសេរការជួញដូរមនុស្សយន្ត។ ជាញឹកញាប់នៅក្នុងការផ្សាយពាណិជ្ជកម្មការងារសម្រាប់អ្នកឯកទេសកុំព្យូទ័រ អ្នកអាចស្វែងរកតម្រូវការដែលនិយាយថាអ្នកមានជំនាញនៅក្នុងបណ្ណាល័យ JavaScript ។ បាទ/ចាស ហើយពួកគេរំពឹងថាចំណេះដឹងនៃ React មិនត្រឹមតែមកពីអ្នកបង្កើតកម្មវិធីប៉ុណ្ណោះទេ ប៉ុន្តែក៏មកពីអ្នកសរសេរកម្មវិធីដែលចូលរួមក្នុងការអភិវឌ្ឍន៍ខាងក្នុងនៃគេហទំព័រ និងមិនមែនការរចនាខាងក្រៅផងដែរ។ តើបណ្ណាល័យប្រភេទនេះ ផ្តល់ឱកាសអ្វីខ្លះក្នុងការងារ ហើយតើអ្នកចាប់ផ្តើមដំបូងចាប់ផ្តើមស្គាល់ពីណា? ចូរយើងដោះស្រាយវានៅក្នុងអត្ថបទនេះ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

Contents
  1. បណ្ណាល័យ JavaScript – ប្រតិកម្ម៖ តើវាជាអ្វី
  2. ហេតុអ្វីបានជាបណ្ណាល័យ React ត្រូវការ?
  3. អ្នកស្គាល់គ្នាសម្រាប់អ្នកចាប់ផ្តើមដំបូង: គំនិតជាមូលដ្ឋាន
  4. សួស្តី​ពិភពលោក!
  5. មូលដ្ឋានគ្រឹះនៃភាសាប្រព័ន្ធ JSX
  6. តើ JSX ជាអ្វី?
  7. ការបង្កើតកន្សោមនៅក្នុងភាសាប្រព័ន្ធ
  8. ការបង្ហាញលម្អិត
  9. សមាសធាតុនិងឧបករណ៍
  10. ប្រភេទនៃសមាសធាតុ: មុខងារនិងថ្នាក់
  11. ប្រដាប់ប្រដា
  12. ស្ថានភាពនិងវដ្តជីវិត
  13. ការវិភាគព្រឹត្តិការណ៍
  14. ការបង្ហាញតាមលក្ខខណ្ឌនៃធាតុ
  15. ការផ្លាស់ប្តូរសមាសធាតុ
  16. បញ្ជី និងសោ
  17. សោ
  18. ទម្រង់
  19. ធាតុដែលបានគ្រប់គ្រង
  20. ការកើនឡើងនៃរដ្ឋ
  21. ហេតុអ្វីចាំបាច់គ្រប់គ្រងរដ្ឋឡើង?
  22. សមាសភាពធៀបនឹងមរតក
  23. គោលការណ៍ React.js
  24. មុខងាររបស់បណ្ណាល័យ React.js
  25. ការប្រើប្រាស់ជាក់ស្តែង
  26. ការអនុវត្តជាក់ស្តែងនៃ React នៅពេលសរសេរការជួញដូរមនុស្សយន្តនៅក្នុង JavaScript
  27. GitHub និង React.js
  28. ឯកសារ

បណ្ណាល័យ JavaScript – ប្រតិកម្ម៖ តើវាជាអ្វី

React.JS គឺជាបណ្ណាល័យនៃ
ភាសាសរសេរកម្មវិធី JavaScript ដ៏ពេញនិយម មួយ ដែលបង្កើតឡើងដោយបណ្តាញសង្គមអនឡាញ Facebook ក្នុងគោលបំណងធ្វើឱ្យប្រសើរឡើង និងសម្រួលដល់ដំណើរការនៃការបង្កើតសែលខាងក្រៅនៃគេហទំព័រ និងកម្មវិធី ដែលជាចំណុចប្រទាក់ដែលអ្នកប្រើប្រាស់ធ្វើអន្តរកម្ម។ មុខងារសំខាន់នៃបណ្ណាល័យគឺសមាសធាតុ និងរដ្ឋ។ សមាសធាតុគឺជាផ្នែកមួយនៃសំណុំឌីជីថលដែលទទួលខុសត្រូវចំពោះរូបរាងនៃផ្នែកជាក់លាក់នៃប្រព័ន្ធដែលកំពុងត្រូវបានរចនា។

ចំណាំ! ផ្នែកសមាសភាគបែបនេះអាចត្រូវបានដាក់សំបុក។

រដ្ឋគឺជាបណ្តុំនៃទិន្នន័យទាំងអស់អំពីព័ត៌មានលម្អិតនៃចំណុចប្រទាក់ រួមទាំងការបង្ហាញតំណាងរបស់វា។ ដោយប្រើឧទាហរណ៍ យើងនឹងស្វែងយល់ឱ្យកាន់តែលម្អិត និងច្បាស់ថាអ្វីជាអ្វី។ រូបភាពខាងក្រោមបង្ហាញពីធាតុផ្សំធំៗមួយចំនួន – ការបង្ហោះទៅកាន់បណ្តាញសង្គមអនឡាញ ផ្នែកដែលមានព័ត៌មានទូទៅ និងបង្ហាញរូបថត។ ផ្នែកនីមួយៗមានធាតុផ្សំតូចៗ ដែលជាធាតុផ្សំ។ ឧទាហរណ៍ ការបោះពុម្ពផ្សាយមានអត្ថបទ រូបថត ឈ្មោះរបស់អ្នកប្រើដែលបោះពុម្ពព័ត៌មាន។ល។ ផ្នែករូបភាពរួមបញ្ចូលរូបភាពបុគ្គល ហើយផ្នែកព័ត៌មានទូទៅមានព័ត៌មានសង្ខេប។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរសមាសធាតុទាំងនេះនីមួយៗ (សមាសធាតុ) មានរដ្ឋ។ នោះគឺផ្នែកដែលមានព័ត៌មានទូទៅនឹងមើលទៅខុសគ្នានៅលើឧបករណ៍ផ្សេងៗគ្នា ធាតុ “ចូលចិត្ត” ផ្លាស់ប្តូរពណ៌នៅពេលចុច និងលេខដែលទទួលខុសត្រូវចំពោះចំនួនសរុបនៃការចូលចិត្ត។ ការបោះពុម្ភផ្សាយអាចធ្វើឲ្យអត្ថបទខ្លីៗ ឬបញ្ជូនវាពេញ។

ដូច្នេះ ភាពបត់បែនរបស់ React.JS ត្រូវបានបង្ហាញ – សមាសភាគចំណុចប្រទាក់ត្រូវបានសរសេរម្តង ហើយបន្ទាប់ពីនោះវាត្រូវបានផ្តល់ឱ្យនូវស្ថានភាពដែលអាចធ្វើបានទាំងអស់។

ហេតុអ្វីបានជាបណ្ណាល័យ React ត្រូវការ?

React.JS គឺជាជម្រើសមួយក្នុងចំណោមជម្រើសដែលអាចធ្វើទៅបានក្នុងការសរសេរកូដ JS ឬ HTML ក្នុងទម្រង់ងាយស្រួល បង្កើតច្បាប់ចម្លងរបស់វា និងធ្វើឱ្យវាមើលឃើញ។ សមាសធាតុនៅទីនេះត្រូវបានសរសេរជាភាសាប្រព័ន្ធពិសេស – JSX ដែលរួមបញ្ចូលធាតុនៃភាសាសរសេរកម្មវិធី JavaScript និងភាសាសម្គាល់ HTML ស្តង់ដារ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរកូដដែលសរសេរក្នុង JSX គឺជាក់លាក់ណាស់។ វាក៏សំខាន់ផងដែរដែលកម្មវិធីរុករកបណ្ដាញមិនចាំបាច់យល់ភាសាប្រព័ន្ធនេះ – លេខកូដ React.JS ត្រូវបានផ្ទេរទៅ JS ដែលកម្មវិធីរុករកណាមួយយល់ឃើញដោយគ្មានបញ្ហា។ ដើម្បីធ្វើដូច្នេះ អ្វីដែលត្រូវបានបង្កើតនៅក្នុងបណ្ណាល័យត្រូវបានឆ្លងកាត់អ្នកចងក្រងឯកទេស (មួយក្នុងចំណោមការពេញនិយមនាពេលបច្ចុប្បន្ននេះគឺ Babel js) ដែលបម្លែងកូដនៅក្នុងភាសាសរសេរកម្មវិធីដែលមិនសូវស្គាល់ទៅជាតំណាង JavaScript ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរដំបូង វាហាក់បីដូចជាប្រព័ន្ធនៃការប្រើប្រាស់គឺមិនសមហេតុសមផលបំផុត ប៉ុន្តែបន្ទាប់ពីមួយរយៈអ្នកស៊ាំនឹងវា ហើយអ្នកដឹងថាហេតុអ្វីបានជាយន្តការនេះត្រូវបានរចនាឡើងតាមរបៀបនោះ។ បណ្ណាល័យ JavaScript មានអត្ថប្រយោជន៍ខ្លាំងមួយចំនួន៖

  • ភាសាសរសេរកម្មវិធីប្រព័ន្ធមានភាពងាយស្រួលក្នុងការទទួលស្គាល់ ជាង JavaScript ដ៏ល្បី ហើយជាលទ្ធផល វានឹងចំណាយពេលតិចជាងមុនច្រើនដងដើម្បីគាំទ្រកូដ និងលុបបំបាត់កំហុសនៅលើវា (ល្បឿននៃការសរសេរកូដ និងកម្មវិធីថ្មីនឹងកើនឡើងតាមនោះ)។
  • ប្រព័ន្ធងាយស្រួល និងជាក់ស្តែងនៃធាតុផ្សំត្រូវបានបង្កើតឡើងនៅទីនេះ – ការធ្វើឡើងវិញនូវផ្នែកនៃកូដដែលត្រូវបានប្រើនៅដំណាក់កាលផ្សេងគ្នានៃការសរសេរ និងក្នុងកម្មវិធីផ្សេងៗគ្នា ហើយក៏ផ្លាស់ប្តូរអាស្រ័យលើបរិបទផងដែរ។
  • ធាតុធាតុផ្សំនីមួយៗគឺស្ថិតនៅក្រោមរដ្ឋរបស់វា តែប៉ុណ្ណោះ ដូច្នេះវាកាន់តែងាយស្រួលក្នុងការកែតម្រូវការខ្វះខាតនៅក្នុងកូដ ប្រសិនបើកំហុសត្រូវបានរកឃើញភ្លាមៗនៅក្នុងការងាររបស់ខ្លួននៅក្នុងការអនុវត្ត។ ពេលមិនត្រឹមត្រូវអណ្តែតទៅលើផ្ទៃ៖ ធាតុដែលដំណើរការបានត្រឹមត្រូវនឹងបន្តដំណើរការប្រកបដោយស្ថេរភាពនៅក្នុងរបៀបនេះ លុះត្រាតែស្ថានភាពមិនត្រឹមត្រូវត្រូវបានប្រើទាក់ទងនឹងវា។

ដូច្នេះយើងអាចសន្និដ្ឋានថាបណ្ណាល័យ React.JS អាចសន្សំសំចៃពេលវេលាច្រើន ធ្វើឱ្យកូដកាន់តែជាក់លាក់ រៀបចំលំដាប់លំដោយត្រឹមត្រូវ និងប្រើប្លុកធំម្តងទៀត។ គុណសម្បត្តិទាំងនេះធ្វើឱ្យវាអាចកាត់បន្ថយថ្លៃដើមនៃដំណើរការបង្កើតចំណុចប្រទាក់អ្នកប្រើ ក៏ដូចជាបង្កើនល្បឿនពេលវេលានៃដំណើរការនេះ។ មានជំនាញក្នុងការប្រើប្រាស់ភាសាសរសេរកម្មវិធី JS និង HTML ការរៀនប្រើប្រព័ន្ធ JSX គឺងាយស្រួល – ត្រឹមតែពីរបីថ្ងៃដើម្បីស្ទាត់ជំនាញវា។

ចំណាំ! វាសមហេតុផលក្នុងការប្រើប្រាស់បណ្ណាល័យនៅពេលធ្វើការជាមួយគម្រោងធំៗ នៅពេលដែលចាំបាច់ត្រូវសរសេរទំព័រថាមវន្តមួយចំនួនធំ។ គេហទំព័រអាជីវកម្មខ្នាតតូចមិនត្រូវការភាពស្មុគស្មាញបែបនេះទេ។

វគ្គសិក្សាមូលដ្ឋាន React JS ពី A ដល់ Z៖ https://youtu.be/GNrdg3PzpJQ

អ្នកស្គាល់គ្នាសម្រាប់អ្នកចាប់ផ្តើមដំបូង: គំនិតជាមូលដ្ឋាន

សួស្តី​ពិភពលោក!

នៅពេលចូលប្រើទំព័រដំបូងនៃបណ្ណាល័យ អ្នកប្រើប្រាស់នឹងឃើញចំណងជើងស្វាគមន៍ជាឧទាហរណ៍តូចមួយ – “ជំរាបសួរពិភពលោក!” ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

មូលដ្ឋានគ្រឹះនៃភាសាប្រព័ន្ធ JSX

JSX គឺជាភាសាសរសេរកម្មវិធីប្រព័ន្ធ ដែលជាផ្នែកបន្ថែមនៃ JavaScript ដ៏ល្បីល្បាញ។ វារួមបញ្ចូលការបញ្ចូលគ្នានៃភាសាពីរ – ការសរសេរកម្មវិធី JA និងភាសាសម្គាល់ HTML ស្តង់ដារ។ អ្នកអភិវឌ្ឍន៍ប្រើវាដើម្បីកែសម្រួលគោលគំនិតដើម្បីបង្ហាញ React យ៉ាងពិតប្រាកដថាតើចំណុចប្រទាក់អ្នកប្រើគួរមើលទៅដូចអ្វី។ JSX បង្កើត “ផ្នែក” នៃបណ្ណាល័យ។

តើ JSX ជាអ្វី?

បណ្ណាល័យ React ប្រកាន់ខ្ជាប់នូវតក្កវិជ្ជាដែលខ្លឹមសារនៃការបង្ហាញគឺទាក់ទងដោយផ្ទាល់ទៅនឹងតក្កវិជ្ជានៃចំណុចប្រទាក់អ្នកប្រើប្រាស់៖ របៀបព្រឹត្តិការណ៍ត្រូវបានដំណើរការ របៀបផ្លាស់ប្តូរស្ថានភាពក្នុងរយៈពេលជាក់លាក់មួយ និងរបៀបដែលព័ត៌មានត្រូវបានរៀបចំសម្រាប់ការបង្ហាញ។ បណ្ណាល័យ JS អាចត្រូវបានប្រើដោយគ្មានភាសាប្រព័ន្ធរបស់វា ប៉ុន្តែអ្នកអភិវឌ្ឍន៍មួយចំនួនធំយល់ថាវាមានតម្លៃដោយសារតែភាពច្បាស់លាស់ និងជាក់ស្តែងរបស់វា នៅពេលធ្វើការជាមួយចំណុចប្រទាក់អ្នកប្រើដែលបានបង្កើតពីកូដ JavaScript ។ លើសពីនេះ ផ្នែកបន្ថែមធ្វើឱ្យវាកាន់តែងាយស្រួលសម្រាប់ React ដើម្បីបង្កើតការជូនដំណឹងអំពីពេលវេលាមិនត្រឹមត្រូវ និងការជូនដំណឹងអំពីបញ្ហា។

ការបង្កើតកន្សោមនៅក្នុងភាសាប្រព័ន្ធ

JSX អនុញ្ញាតឱ្យអ្នកប្រើកន្សោម JavaScript ដែលសរសេរបានល្អនៅខាងក្នុងដង្កៀបអង្កាញ់ក្នុងដំណើរការមួយ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ
JSX ក៏ជាកន្សោមមួយផងដែរ នៅពេលដែលកូដប្រភពត្រូវបានសរសេរជាបៃ កន្សោម JSX ណាមួយប្រែទៅជាការហៅមុខងារ JS ស្តង់ដារដែលកំណត់គោលដៅប្រភេទ JavaScript ។ ពីនេះវាអាចយល់បានថាផ្នែកបន្ថែមប្រព័ន្ធនៃភាសាកម្មវិធីផ្លូវការអាចត្រូវបានប្រើនៅខាងក្នុង if manual និងសម្រាប់រយៈពេល។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ
JSX គឺជាវត្ថុ វត្ថុដែលតំណាងដោយផ្នែកបន្ថែមត្រូវបានគេហៅថាធាតុប្រតិកម្ម។ ពួកគេបញ្ជាក់ពីលទ្ធផលដែលអ្នកអភិវឌ្ឍន៍ចង់ឃើញនៅលើអេក្រង់។ បណ្ណាល័យទទួលស្គាល់វត្ថុទាំងនេះ ហើយប្រើពួកវាក្នុងដំណើរការបង្កើត និងថែទាំគំរូវត្ថុឯកសារ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

ការបង្ហាញលម្អិត

ព័ត៌មានលម្អិតគឺជាប្លុកអគារតូចៗជាច្រើនដែលបង្កើតកម្មវិធី React ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរព័ត៌មានលម្អិតគឺជារូបភាពដែលអ្នកអភិវឌ្ឍន៍ចង់ឃើញនៅទីបញ្ចប់នៅលើម៉ូនីទ័រ។ បើប្រៀបធៀបទៅនឹង Document Object Model ធាតុបណ្ណាល័យគឺសាមញ្ញ ហើយមិនប្រើប្រាស់ធនធានច្រើនទេ។ ធាតុគឺជាធាតុផ្សំនៃសមាសធាតុ។

សមាសធាតុនិងឧបករណ៍

សមាសធាតុធ្វើឱ្យវាអាចបែងចែក UI ទៅជាផ្នែកឯករាជ្យ ដែលងាយស្រួលធ្វើការដាច់ដោយឡែក។ ពួកវាអាចត្រូវបានផ្សំនិងប្រើច្រើនដង។ សម្រាប់ផ្នែកភាគច្រើន មុខងារនៃសមាសធាតុគឺស្រដៀងគ្នាទៅនឹងមុខងារនៃភាសាសរសេរកម្មវិធី JavaScript ខ្លួនឯង។ ពួកគេយកព័ត៌មានបញ្ចូល ដែលត្រូវបានគេហៅថា props ហើយត្រឡប់ធាតុ React ដែលបង្ហាញពីគំរូនៃការអភិវឌ្ឍន៍ដែលអ្នកអភិវឌ្ឍន៍ចង់ឃើញនៅលើម៉ូនីទ័រ។

ប្រភេទនៃសមាសធាតុ: មុខងារនិងថ្នាក់

វាងាយស្រួលបំផុតក្នុងការយោងទៅលើសមាសធាតុបណ្ណាល័យជាមុខងារ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរសមាសធាតុក៏អាចត្រូវបានតំណាងជាទម្រង់ថ្នាក់ ES6 ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

គួរឱ្យចាប់អារម្មណ៍! បណ្ណាល័យ React កំណត់សមាសធាតុទាំងពីរប្រភេទនេះថាស្រដៀងគ្នា។

ប្រដាប់ប្រដា

Props គឺជាវត្ថុដែលមិនអាចកែប្រែបាន ដែលគ្រាន់តែអានប៉ុណ្ណោះ។ ដូច្នេះហើយ សមាសធាតុមួយមិនគួរសរសេរអ្វីទៅលើគ្រឿងលម្អរបស់វានោះទេ ទោះបីជាវាជាកម្មសិទ្ធិរបស់ប្រភេទណាក៏ដោយ។

ស្ថានភាពនិងវដ្តជីវិត

ជាដំបូង ចូរយើងស្វែងយល់ពីរបៀបអនុវត្តរដ្ឋឱ្យបានត្រឹមត្រូវនៅកន្លែងធ្វើការ។ មានរឿងសំខាន់បីដែលត្រូវដឹងអំពីស្ថានភាពសមាសធាតុ៖

  1. កុំផ្លាស់ប្តូររដ្ឋដោយផ្ទាល់ ប្រើវិធី setState ។ សូមចងចាំថាតំបន់តែមួយគត់ដែលអ្នកអាចផ្លាស់ប្តូររដ្ឋដោយផ្ទាល់គឺអ្នកសាងសង់។
  2. ការអាប់ដេតរដ្ឋអាចមិនសមកាលកម្មទេ។
  3. លំហូរព័ត៌មានមានទិសដៅតែមួយ។ ក្នុង​ការ​សាងសង់​សមាសភាគ គ្មាន​ពួកគេ​ណា​ម្នាក់​ដឹង​ថា​តើ​រដ្ឋ​ត្រូវ​បាន​ចាត់​ឱ្យ​ទៅ​សមាសភាគ​ផ្សេង​ឬ​អត់។ វាមិនមានបញ្ហាថាតើធាតុមុខងារឯករាជ្យនោះត្រូវបានបង្កើតឡើងដោយរបៀបណានោះទេ – ដោយប្រើឧបករណ៍មុខងារ ឬចំណាត់ថ្នាក់។ នេះត្រូវបានគេហៅថា “លំហូរទិន្នន័យ” ។ រដ្ឋតែងតែត្រូវបានកំណត់សម្រាប់ធាតុមួយចំនួន ហើយការផ្សារភ្ជាប់រចនាសម្ព័ន្ធនៃរដ្ឋនេះអាចប៉ះពាល់តែផ្នែកដែលមានទីតាំង “ខាងក្រោម” តាមលំដាប់លំដោយ។

ជាធម្មតា រដ្ឋ​ត្រូវ​បាន​គេ​ហៅ​ថា​ជា “មូលដ្ឋាន” “ខាងក្នុង” ឬ​លាក់។ វាអាចមើលឃើញតែចំពោះធាតុមុខងារប៉ុណ្ណោះ និងមើលមិនឃើញចំពោះផ្នែកផ្សេងទៀតនៃ React ។ នៅក្នុងកម្មវិធីបណ្ណាល័យ ថាតើធាតុមុខងារឯករាជ្យត្រូវបានផ្តល់ដោយរដ្ឋជាក់លាក់មួយឬអត់ គឺជាការអភិវឌ្ឍន៍ខាងក្នុងនៃផ្នែកនេះ ដែលអាចផ្លាស់ប្តូរតាមពេលវេលា។ វាក៏គួរឱ្យចាប់អារម្មណ៍ផងដែរដែលថានៅក្នុងការងារអ្នកអាចផ្សំសមាសធាតុដោយមាននិងគ្មានរដ្ឋ។

ការវិភាគព្រឹត្តិការណ៍

ដំណើរការនៃការញែកព្រឹត្តិការណ៍នៅក្នុងសមាសធាតុប្រតិកម្មគឺស្រដៀងទៅនឹងការដោះស្រាយព្រឹត្តិការណ៍នៅក្នុងធាតុគំរូវត្ថុឯកសារ។ ទោះយ៉ាងណាក៏ដោយមានលក្ខណៈពិសេសមួយចំនួនដែលបែងចែកពួកវាពីគ្នាទៅវិញទៅមក:

  1. ព្រឹត្តិការណ៍នៅក្នុងបណ្ណាល័យ JavaScript ត្រូវបានដាក់ឈ្មោះតាមរចនាប័ទ្មខុសពីស្តង់ដារ។
  2. ដោយ​ប្រើ​ភាសា​កម្មវិធី​បន្ថែម​របស់​ប្រព័ន្ធ អ្នក​អភិវឌ្ឍន៍​ឆ្លងកាត់​ទម្រង់ការ​រង​ជា​កម្មវិធី​ដោះស្រាយ​ព្រឹត្តិការណ៍​ជំនួស​ឱ្យ​ខ្សែអក្សរ។

ការបង្ហាញតាមលក្ខខណ្ឌនៃធាតុ

បណ្ណាល័យ JavaScript ធ្វើឱ្យវាអាចបំបែកតក្កវិជ្ជានៃការអភិវឌ្ឍន៍ធាតុទៅជាសមាសធាតុឯករាជ្យ។ ពួកវាអាចត្រូវបានបង្ហាញសម្រាប់ការបង្ហាញទូទៅ ឬលាក់ អាស្រ័យលើស្ថានភាពដែលពួកគេត្រូវបានផ្តល់ឱ្យនៅពេលបច្ចុប្បន្ន។ ការបង្ហាញតាមលក្ខខណ្ឌនៃធាតុដំណើរការលើគោលការណ៍ដូចគ្នានឹងកន្សោមតាមលក្ខខណ្ឌដោយផ្អែកលើភាសាសរសេរកម្មវិធី JavaScript ។ ពេលខ្លះវាកើតឡើងដែលបណ្ណាល័យទាមទារការពន្យល់អំពីរបៀបដែលរដ្ឋប៉ះពាល់ដល់ការលាក់ ឬការបង្ហាញធាតុមួយចំនួន។ នៅទីនេះវាសមហេតុផលជាងក្នុងការប្រើជំនួយ JS ដែលមានលក្ខខណ្ឌ ឬកន្សោមស្រដៀងនឹង if ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

ការផ្លាស់ប្តូរសមាសធាតុ

ធាតុបណ្ណាល័យប្រតិកម្មអាចត្រូវបានបន្ថែមទៅអថេរ។ នេះគឺជាដំណោះស្រាយជាក់ស្តែង នៅពេលដែលលក្ខខណ្ឌមួយចំនួនបង្ហាញថា តើផ្នែកខ្លះនៃសមាសធាតុគួរតែត្រូវបានគូរ ឬមិនសមហេតុផល ខណៈពេលដែលផ្នែកដែលនៅសល់នៅតែមិនផ្លាស់ប្តូរ។

បញ្ជី និងសោ

ផ្នែកនេះរួមមានសមាសធាតុជាច្រើន៖

  1. គូរធាតុជាច្រើន ។ អ្នក​ប្រើ​អាច​បង្កើត​សំណុំ​នៃ​ធាតុ​មួយ ហើយ​បង្កប់​វា​ក្នុង​ភាសា​កម្មវិធី​ប្រព័ន្ធ​ដោយ​ប្រើ​ដង្កៀប​អង្កាញ់។
  2. បញ្ជីបឋមនៃធាតុ ។ ជាញឹកញាប់ អ្នកប្រើប្រាស់ និងអ្នកអភិវឌ្ឍន៍កែសម្រួលបញ្ជីដោយផ្ទាល់នៅក្នុងផ្នែកសមាសភាគមួយ។

សោ

គ្រាប់ចុចនៅក្នុងបណ្ណាល័យ React JavaScript តំណាងឱ្យឧបករណ៍ឯកទេសដែលត្រូវតែបញ្ចូលនៅពេលបង្កើតបញ្ជីសមាសភាគ។ គ្រាប់ចុចជួយបណ្ណាល័យ JavaScript ដើម្បីកំណត់អត្តសញ្ញាណធាតុណាមួយដែលត្រូវបានកែតម្រូវ បន្ថែម ឬដកចេញ។ វាមានសារៈសំខាន់ណាស់ក្នុងការសម្គាល់ពួកវាដើម្បីឱ្យ React អាចទាក់ទងសមាសធាតុនៃទិន្នន័យរចនាសម្ព័ន្ធបន្ទាប់ពីពេលវេលាជាក់លាក់មួយបានកន្លងផុតទៅ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

ទម្រង់

នៅក្នុងបណ្ណាល័យ JS ធាតុភាសាសម្គាល់ស្តង់ដារដំណើរការខុសពីសមាសធាតុនៃគំរូវត្ថុឯកសារ ព្រោះធាតុទម្រង់ដំបូងមានស្ថានភាពលាក់។

ធាតុដែលបានគ្រប់គ្រង

នៅក្នុងភាសាសម្គាល់ស្តង់ដារ ទម្រង់ដូចជា បញ្ចូល ជ្រើសរើស កន្លែងអត្ថបទមានទំនោររក្សាស្ថានភាពផ្ទាល់ខ្លួនរបស់ពួកគេ ហើយធ្វើបច្ចុប្បន្នភាពវានៅពេលអ្នកអភិវឌ្ឍន៍បញ្ចូលព័ត៌មានថ្មី។ ស្ថានភាព React.js តែងតែកំណត់តម្លៃនៃវាលបញ្ចូលក្នុងធាតុតែងដែលបានគ្រប់គ្រង។ ទោះបីជាវាបង្ហាញថាអ្នកប្រើប្រាស់ត្រូវតែសរសេរច្រើនជាងកូដដើមបន្តិចក៏ដោយ ប៉ុន្តែឥឡូវនេះវាអាចទៅរួចក្នុងការបញ្ជូនតម្លៃនេះទៅផ្នែកផ្សេងទៀតនៃចំណុចប្រទាក់អ្នកប្រើប្រាស់។

ការកើនឡើងនៃរដ្ឋ

ការលើករដ្ឋគឺជាគំរូស្តង់ដារដែលអ្នកអភិវឌ្ឍន៍គ្រប់រូបគួរយល់ដឹង និងអាចអនុវត្តក្នុងដំណើរការការងារ។ ការប្រើប្រាស់វានឹងលុបបំបាត់ទម្រង់ការគ្រប់គ្រងរដ្ឋដ៏ស្មុគស្មាញ និងជាធម្មតាគ្មានប្រយោជន៍។

ហេតុអ្វីចាំបាច់គ្រប់គ្រងរដ្ឋឡើង?

ការបង្កើនរដ្ឋដល់កម្រិតនៃសមាសធាតុអតីតកាលសម្រាប់ផ្នែកទាំងនោះដែលទាមទារវាចាំបាច់ដើម្បីឱ្យធាតុទាំងអស់អាចចូលរួមក្នុងរដ្ឋ។ កម្រិតស្ថេរភាពនៃរដ្ឋនឹងធ្វើឱ្យវាកាន់តែងាយស្រួលក្នុងការចែកចាយវាក្នុងចំណោមសមាសធាតុទាំងអស់ដែលពឹងផ្អែកលើវា។

សមាសភាពធៀបនឹងមរតក

React.js រួមបញ្ចូលគំរូសមាសភាពដ៏រឹងមាំ ដូច្នេះវាត្រូវបានណែនាំឱ្យប្រើដំណើរការនៃការបង្កើតទាំងមូលពីផ្នែកនានាជំនួសឱ្យការទទួលមរតក ដើម្បីប្រើឡើងវិញនូវកូដដែលបានសរសេរពីមុនរវាងធាតុ។ ដូច្នេះ props និងសមត្ថភាពក្នុងការបង្កើតសមាសភាពទាំងមូលតែមួយពីផ្នែកសមាសភាគផ្តល់ឱ្យអ្នកអភិវឌ្ឍន៍នូវភាពបត់បែនដែលត្រូវការដើម្បីបង្កើតសែលនិងអាកប្បកិរិយានៃធាតុតាមរបៀបជាក់លាក់និងសុវត្ថិភាព។

ការ​រំលឹក! ផ្នែកសមាសភាគអាចយកសម្ភារៈដែលមិនទាក់ទង រួមទាំងផ្នែកបឋមដែលបង្កើតជាបណ្ណាល័យ ឬមុខងារ។

នៅក្នុងព្រឹត្តិការណ៍ដែលអ្នកត្រូវការប្រើមុខងារមើលទៅមិនគិតថ្លៃសម្រាប់ធ្វើការជាមួយសមាសធាតុជាលើកទីពីរ ឬទីបី សូមទាញវាចេញទៅក្នុងម៉ូឌុល JS ដាច់ដោយឡែកមួយ។ ផ្លាស់ទីវាទៅក្នុងសមាសធាតុមួយ ហើយប្រើមុខងារដែលបានបង្កើតដោយគ្មានការពង្រីកបន្ថែម។ React ឬ Vue ឬ Angular អ្វីត្រូវជ្រើសរើស៖ https://youtu.be/Nm8GpLCAgwk

គោលការណ៍ React.js

ទស្សនវិជ្ជាទាំងមូលនៃបណ្ណាល័យ JavaScript ត្រូវបានលាក់នៅក្នុងការណែនាំអំពីប្រតិកម្ម។ វាហាក់បីដូចជាវាវែង ហើយមិនមានសារៈសំខាន់ខ្លាំងបែបនេះទេ ទោះជាយ៉ាងណាក៏ដោយ អ្នកប្រើប្រាស់ជាច្រើនបានអះអាងថា បន្ទាប់ពីអានអ្វីៗគ្រប់យ៉ាងបានធ្លាក់ចុះ។ ឯកសារនេះគឺចាស់ណាស់ ប៉ុន្តែនៅតែមានតម្លៃ និងភាពពាក់ព័ន្ធ –
https://ru.reactjs.org/docs/thinking-in-react.html ។ ការបង្រៀន React js https://ru.reactjs.org/tutorial/tutorial.html

មុខងាររបស់បណ្ណាល័យ React.js

ដោយប្រើបណ្ណាល័យ JavaScript អ្នកប្រើប្រាស់ទទួលបានឱកាសដើម្បីយកចិត្តទុកដាក់ទាំងអស់របស់គាត់ដោយផ្ទាល់ចំពោះដំណើរការអភិវឌ្ឍន៍ UI និងសមាសធាតុនៃកម្មវិធី យ៉ាងហោចណាស់ត្រូវបានរំខានដោយការបង្កើត និងកំហុសដែលអាចកើតមាននៃកូដសរសេរ។ បណ្ណាល័យអនុញ្ញាតឱ្យអ្នកអភិវឌ្ឍកម្មវិធីកាន់តែលឿន ធ្វើឱ្យវាកាន់តែងាយស្រួលក្នុងការកំណត់រចនាសម្ព័ន្ធ និងកែសម្រួលសមាសធាតុ និងដំណើរការនៃគម្រោងទាំងមូលទាំងមូល។ ដូច្នេះ React.js មានធាតុដែលទទួលខុសត្រូវចំពោះការទំនាក់ទំនងនៅក្នុងបណ្តាញសកល UI ការគ្រប់គ្រងស្ថានភាពកម្មវិធី និងសមត្ថភាពក្នុងការដោះស្រាយបញ្ហាស្មុគស្មាញផ្សេងទៀត។ បណ្ណាល័យក៏មានមុខងារដូចខាងក្រោមៈ

  1. ភាពជាក់ស្តែង ។ React.js មាននៅក្នុងទម្រង់ដែលបានបង្រួមតូច។ កញ្ចប់តូចនេះមិនចាំបាច់កំណត់រចនាសម្ព័ន្ធច្បាស់លាស់ទេ។ វារួមបញ្ចូលមុខងារបំបែកកូដរួចហើយ ដែលកាត់បន្ថយពេលវេលាដែលវាត្រូវការដើម្បីបើកកំណែកម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់គេហទំព័រ ចាប់តាំងពីជម្រើសនេះរារាំងសមាសធាតុមិនឱ្យបង្ហាញក្នុងពេលតែមួយ។
  2. ប្រព័ន្ធអេកូឡូស៊ី និងអនុលោមភាព ។ ឧបករណ៍មួយចំនួនធំមាននៅក្នុងបណ្ណាល័យ ដែលគាំទ្រដោយគេហទំព័រផ្សេងទៀត ដែលអនុញ្ញាតឱ្យអ្នកប្រើប្រាស់បង្កើតកម្មវិធីស្មុគស្មាញថ្មីសម្រាប់គោលបំណងណាមួយ។
  3. មុខងារពេញលេញ ។ អត្ថប្រយោជន៍ចម្បងនៃបណ្ណាល័យ JavaScript គឺថាកំណែថ្មីទាំងអស់នៃវេទិកាបំពេញតាមតម្រូវការរបស់កំណែចាស់ ដូច្នេះអ្នកអាចប្រើទាំងកំណែចាស់ និងកំណែដែលបានធ្វើបច្ចុប្បន្នភាព ពួកវាទាំងអស់ត្រូវបានគាំទ្រ និងពាក់ព័ន្ធដល់សព្វថ្ងៃនេះ។ កំណែដែលបានចេញផ្សាយពីមុនមិនលែងប្រើទេបន្ទាប់ពីការអាប់ដេតចុងក្រោយបង្អស់។

ការប្រើប្រាស់ជាក់ស្តែង

នៅលើទំព័រសំខាន់នៃបណ្ណាល័យ ក្នុងការណែនាំសម្រាប់អ្នកប្រើប្រាស់ មានឧទាហរណ៍មួយចំនួននៃការប្រើប្រាស់ React ក្នុងការអនុវត្ត។ អ្នកអាចកែពួកវាដោយដៃ ហើយព្យាយាមដំណើរការពួកវា។ ទោះបីជាអ្នកជាអ្នកប្រើប្រាស់ថ្មី ហើយមិនយល់ពីខ្លឹមសារ និងតក្កវិជ្ជានៃបណ្ណាល័យក៏ដោយ សូមកែតម្រូវកូដតាមការចូលចិត្តរបស់អ្នក និងឃើញលទ្ធផល។

ការអនុវត្តជាក់ស្តែងនៃ React នៅពេលសរសេរការជួញដូរមនុស្សយន្តនៅក្នុង JavaScript

វាជាការសំខាន់ដែលត្រូវដឹងថាអ្នកអភិវឌ្ឍន៍មិនសរសេរកម្មវិធី JS ប៉ុន្តែសរសេរស្គ្រីប (ស្គ្រីប) ។ ដូច្នេះ ដោយប្រើបណ្ណាល័យ អ្នកអភិវឌ្ឍន៍អាចសរសេរកូដសម្រាប់មនុស្សយន្តជួញដូរជាបន្តបន្ទាប់ដែលប្រើសម្រាប់គោលបំណងពាណិជ្ជកម្ម ហើយបន្តរចនារូបរាងរបស់វាដោយផ្អែកលើវេទិកានេះ។ ជាការពិត រ៉ូបូតពាណិជ្ជកម្មសម្រាប់ការជួញដូរក៏ជាកម្មវិធីមួយផងដែរ ដែលក្នុងនោះមួយចំនួនធំកំពុងត្រូវបានបង្កើតដោយប្រើ React.js ។ ទោះជាយ៉ាងណាក៏ដោយ មុខងារមួយចំនួន និងផ្នែកខាងក្នុងនៃ bot នឹងនៅតែត្រូវធ្វើនៅលើគេហទំព័រផ្សេងទៀតដែលផ្តល់ឧបករណ៍ដែលសមរម្យសម្រាប់ការនេះ។

GitHub និង React.js

GitHub គឺជាវេទិកាមួយដែលរៀបចំគ្រប់កំណែនៃគម្រោង។ អ្នកប្រើប្រាស់ភ្ជាប់ការបង្ហោះ ឆ្លងកាត់នីតិវិធីចុះឈ្មោះនៅលើគេហទំព័រផ្លូវការ GitHub ហើយបន្ទាប់មកបង្កើតឃ្លាំងលើអ៊ីនធឺណិតដែលគាត់ផ្ទេរឯកសារទាំងអស់ពី Git ។
Git គឺជាសេវាកម្មត្រួតពិនិត្យកំណែគម្រោងដែលពេញនិយម និងពាក់ព័ន្ធបំផុតនាពេលបច្ចុប្បន្ននេះ ហើយ GitHub គឺជាឃ្លាំងកូដពីចម្ងាយ។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

យោង! មាន​តែ​អ្នក​ប្រើ​ដែល​បាន​ទទួល​តំណ​សមរម្យ​ដែល​មាន​ការ​អនុញ្ញាត​ប៉ុណ្ណោះ​ដែល​មាន​សិទ្ធិ​ចូល​ទៅ​កែសម្រួល និង​ទាញ​យក​ឯកសារ។

ឯកសារ

រាល់ការបង្រៀន និងសម្ភារៈថ្មីៗទាក់ទងនឹងបណ្ណាល័យ JavaScript មានភាពទាន់សម័យជាមួយនឹងការអាប់ដេតចុងក្រោយបំផុត។ អ្នកអភិវឌ្ឍន៍ក៏ចងក្រង និងបង្ហោះសម្រាប់ការអានទូទៅនៃកំណែចាស់នៃឯកសារដែលបានបង្ហោះនៅលើទំព័រដាច់ដោយឡែកនៃបណ្ណាល័យ។ ដូច្នេះ វានឹងកាន់តែងាយស្រួលសម្រាប់អ្នកចាប់ផ្តើមដំបូងដើម្បីធ្វើជាម្ចាស់ជំនាញនៃការគ្រប់គ្រងគេហទំព័រ៖ ទាំងសម្ភារៈចាស់ និងថ្មី – អ្វីគ្រប់យ៉ាងគឺនៅទីនេះ ការចូលប្រើគឺឥតគិតថ្លៃសម្រាប់អ្នករាល់គ្នា។
React.JS សម្រាប់អ្នកចាប់ផ្តើមអត់ចេះសោះ ដោយប្រើបណ្ណាល័យនៅពេលសរសេរមនុស្សយន្តជួញដូរ

ចំណាំ! កុំភ្លេចអានសៀវភៅណែនាំផង។ យ៉ាងហោចណាស់សូមក្រឡេកមើល – រួចហើយភាគច្រើននៃអ្វីដែលហាក់ដូចជាមិនអាចយល់បាននឹងធ្លាក់ចូលទៅក្នុងកន្លែង។

បណ្ណាល័យ React គឺជាវេទិកាពេញនិយម និងពាក់ព័ន្ធនាពេលបច្ចុប្បន្ននេះ។ ភាពប៉ិនប្រសប់របស់វាអនុញ្ញាតឱ្យអ្នកអភិវឌ្ឍន៍បង្កើតគម្រោងដែលមានគុណភាពប្រសើរជាងមុន និងចំណាយពេលតិច។ លើសពីនេះ ការស្គាល់វេទិកា និងមានជំនាញក្នុងការប្រើប្រាស់វាធ្វើឱ្យអ្នកឯកទេសកាន់តែមានតម្រូវការក្នុងទីផ្សារការងារ។

info
Rate author
Add a comment