Deep Dive into Reactโs Reconciliation Algorithm: How It Works and How to Master It ๐ฏ
https://dev.to/alisamir/deep-dive-into-reacts-reconciliation-algorithm-how-it-works-and-how-to-master-it-2ih4
https://dev.to/alisamir/deep-dive-into-reacts-reconciliation-algorithm-how-it-works-and-how-to-master-it-2ih4
โค2
ู
ูููู
ุงูู End-to-End Test ๐ฏ
.
.
ุฎูุงู ุฑุญูุชู ูู ุนุงูู ุงูุจุฑู ุฌุฉุ ุฃููุฏ ุงุดุชุบูุช ุนูู Feature ุฌุงู ุฏุฉุ ูููุช ู ุชุฃูุฏ ุฅู ุงูู code ุดุบุงู ุฒู ุงููู. ูุชุจุช Unit Testsุ ููู ุงูู functions ุจุชูุฑุฌูุน ุงููู ุงูู ูุฑูุถ ุชุฑุฌุนู. ุจุนุฏ ูุฏู ุฌุฑุจุช ุงูู app ุจุฅูุฏูุ ูู ุญุงุฌุฉ ู ุงุดูุฉ ุญููโฆ ุจุณ ูู ุง ุฑูุนุช ุงูููุฏ ุนูู ุงูู staging ุฃู ุงูู productionุ ูุฌุฃุฉ ุญุงุฌุงุช ููุนุช! โ ๏ธ
ุงูู ุดููุฉ ููุง ุฅู ุงููู ุฃูุช ุงุฎุชุจุฑุชู ู ุด ููุงูุฉ... ุฃูุช ุงุฎุชุจุฑุช ุฃุฌุฒุงุก ุตุบูุฑุฉุ ููู ู ุง ุงุฎุชุจุฑุช ุงูุฑุญูุฉ ูุงู ูุฉ ู ู ุฃูู ู ุง ุงูู user ููุชุญ ุงูู app ูุญุฏ ู ุง ููุตู ููุฏูู.
ูููุง ุจููุฌู ุฏูุฑ ุงูู End-to-End Testing (E2E)...
โโโ
ุงูู End-to-End Test ุจุจุณุงุทุฉ ูู ููุน ู ู ุฃููุงุน ุงูู Testing ุงููู ุจูุญุงูู ุชุตุฑูุงุช ุงูู user ุงูุญููููุฉ.
ุจูุฎุชุจุฑ ุงูู system ูู โุตูุฏูู ุฃุณูุฏโ ู ู ุบูุฑ ู ุง ููุชู ุจุงูุชูุงุตูู ุงูุฏุงุฎููุฉุ ุฅุญูุง ุจุณ ุนุงูุฒูู ูุชุฃูุฏ ุฅู ุงูู app ุจูุดุชุบู ุฒู ู ุง ุงูู user ู ุชููุน ุจุงูุถุจุทุ ู ู ุฃูู ุฎุทูุฉ ูุขุฎุฑ ุฎุทูุฉ.
ูุนูู ุจูุจุฏุฃ ู ู ุงูู UIุ ููุชูุงุนู ู ุน ุงูู buttons ูุงูู forms ูุงูู linksุ ูุจูุดูู ูู ุงูู backend ุจูุฑุฏ ุฒู ู ุง ุงูู ูุฑูุถุ ูู ุงูู database ุงุชุญุฏุซุชุ ูู ุงููุชูุฌุฉ ุงููู ุธูุฑุช ููู ุณุชุฎุฏู ู ูุทููุฉุ
โโโ
- ูู ุง ุชููู ุจุชุณูู Feature ู ูู ุฉ ุฌุฏูุงุ ุฒู ุนู ููุฉ ุฏูุน ุฃู ุชุณุฌูู ุฏุฎูู.
- ูู ุงูู app ููู flows ู ุนูุฏุฉ ุฃู steps ูุชูุฑ ูุจุชุนุชู ุฏ ุนูู ุจุนุถ.
- ูู ุง ุชุญุจ ุชุชุฃูุฏ ุฅู ุงูู integration ุจูู ุงูู frontend ูุงูู backend ุดุบุงู ุชู ุงู .
- ููุช ุงูู releaseุ ุนูุดุงู ุชุทู ู ุฅู ุงูู system ููู ุดุบุงู ุณููู ู ู ุงูุฃูู ููุขุฎุฑ.
โโโ
- ุงูู Cypress: ุณููุ ูุงุถุญุ ุจูุดุชุบู ุนูู ุงูู ุชุตูุญุ ูุจูุฎููู ุชู debug ุจุณูููุฉ.
- ุงูู Playwright: ุณุฑูุน ูุจูุฏุนู browsers ูุชูุฑุ ูู ู ุชุงุฒ ููู automation.
- ุงูู Selenium: ูุฏูู ูุชููู ุดููุฉุ ุจุณ ูุณู ูุงุณ ุจุชุณุชุฎุฏู ู ุนุดุงู ู ุฑู ูุจูุดุชุบู ุจูุบุงุช ู ุฎุชููุฉ.
โโโ
- ู ุณุชุฎุฏู ุจูุณุฌู ูู ุงูู ููุนุ ุจูุฑุฌุนูู confirmation message.
- ู ุณุชุฎุฏู ุจูุฏุฎู ุจูุงูุงุช ูุฑูุฏุช ูุงุฑุฏ ูุจุชุชู ุนู ููุฉ ุงูุฏูุน.
- ู ุณุชุฎุฏู ุจูุนู ู login ูุจูุชููู ุนูู ุงูู dashboard.
- ู ุณุชุฎุฏู ุจูุจุนุช ููุฑู contact us ูุชูุตูู ุฑุณุงูุฉ ุชุฃููุฏ.
โโโ
- ุจุชู ูุน ุงูู regressions ุงููู ู ู ูู ุชุญุตู ุจุนุฏ ุชุบููุฑุงุช ูุจูุฑุฉ.
- ุจุชูุดู bugs ู ุด ู ู ูู ุชูุชุดููุง ุจุงูู Unit ุฃู ุงูู Integration tests.
- ุจุชุฏูู confidence ุฅู ุงูู system ููู ุดุบุงู ุฒู ู ุง ุงูู ูุฑูุถ.
- ุจุชุณุงุนุฏ ุงููุฑูู ููู (frontend, backend, QA) ูููููุง ู ุทู ููู ูุจู ุฃู release.
โโโ
ุงูู E2E Tests ุชูููุฉ ูู ุงูู executionุ ูุจุทูุฆุฉ ู ูุงุฑูุฉู ุจุงูุฃููุงุน ุงูุชุงููุฉ.
ูุนุดุงู ูุฏู ุจููุชุจ ู ููุง ุจุณ ุงูู critical flowsุ ู ุด ูู ุญุงุฌุฉ.
ูู ุงู ุฃู ุชุบููุฑ ุจุณูุท ูู UI ู ู ูู ููุณุฑูุงโฆ ููุงุฒู ุชูุชุจูุง ุจุดูู ูููุณ ููุงุจู ููุตูุงูุฉ.
โโโ
- ุงุจูู test ููู user journey ู ูู ุฉ.
- ุญุงูู ุชุนุฒู ุงูู data ุงููู ุจุชุณุชุฎุฏู ู ูู ุงูุชุณุช (ุงุณุชุฎุฏู mocks ุฃู test accounts).
- ุญุงูุธ ุนูู naming ูุงุถุญ ูุณูู ูู ุงูู tests.
- ุดุบูููุง ูู CI/CD pipeline ุนุดุงู ุชู ุณู ุงูู ุดุงูู ูุจู ู ุง ุชูุตู ูููุงุณ.
โโโ
ุงูู E2E Testing ูู ุฎุท ุงูุฏูุงุน ุงูุฃุฎูุฑุ ุงููู ุจูุฃูุฏ ุฅู ูู ุญุงุฌุฉ ู ุงุดูุฉ ุชู ุงู ู ู ู ูุธูุฑ ุงูู ุณุชุฎุฏู .
ููู ุงู ูู ุงููู ุจูุฎููู ุถุงู ู ุฅู ุงูู feature ุงููู ุชุนุจุช ูููุง ู ุด ูุชุจูุธ ูู ุง ุชุทูุน production.
โโโ
ููููู ุงููู ููู ุฎูุฑ ๐ฟ
.
.
ุฎูุงู ุฑุญูุชู ูู ุนุงูู ุงูุจุฑู ุฌุฉุ ุฃููุฏ ุงุดุชุบูุช ุนูู Feature ุฌุงู ุฏุฉุ ูููุช ู ุชุฃูุฏ ุฅู ุงูู code ุดุบุงู ุฒู ุงููู. ูุชุจุช Unit Testsุ ููู ุงูู functions ุจุชูุฑุฌูุน ุงููู ุงูู ูุฑูุถ ุชุฑุฌุนู. ุจุนุฏ ูุฏู ุฌุฑุจุช ุงูู app ุจุฅูุฏูุ ูู ุญุงุฌุฉ ู ุงุดูุฉ ุญููโฆ ุจุณ ูู ุง ุฑูุนุช ุงูููุฏ ุนูู ุงูู staging ุฃู ุงูู productionุ ูุฌุฃุฉ ุญุงุฌุงุช ููุนุช! โ ๏ธ
ุงูู ุดููุฉ ููุง ุฅู ุงููู ุฃูุช ุงุฎุชุจุฑุชู ู ุด ููุงูุฉ... ุฃูุช ุงุฎุชุจุฑุช ุฃุฌุฒุงุก ุตุบูุฑุฉุ ููู ู ุง ุงุฎุชุจุฑุช ุงูุฑุญูุฉ ูุงู ูุฉ ู ู ุฃูู ู ุง ุงูู user ููุชุญ ุงูู app ูุญุฏ ู ุง ููุตู ููุฏูู.
ูููุง ุจููุฌู ุฏูุฑ ุงูู End-to-End Testing (E2E)...
โโโ
๐ฏ ูุนูู ุฅูู End-to-End Testุ
ุงูู End-to-End Test ุจุจุณุงุทุฉ ูู ููุน ู ู ุฃููุงุน ุงูู Testing ุงููู ุจูุญุงูู ุชุตุฑูุงุช ุงูู user ุงูุญููููุฉ.
ุจูุฎุชุจุฑ ุงูู system ูู โุตูุฏูู ุฃุณูุฏโ ู ู ุบูุฑ ู ุง ููุชู ุจุงูุชูุงุตูู ุงูุฏุงุฎููุฉุ ุฅุญูุง ุจุณ ุนุงูุฒูู ูุชุฃูุฏ ุฅู ุงูู app ุจูุดุชุบู ุฒู ู ุง ุงูู user ู ุชููุน ุจุงูุถุจุทุ ู ู ุฃูู ุฎุทูุฉ ูุขุฎุฑ ุฎุทูุฉ.
ูุนูู ุจูุจุฏุฃ ู ู ุงูู UIุ ููุชูุงุนู ู ุน ุงูู buttons ูุงูู forms ูุงูู linksุ ูุจูุดูู ูู ุงูู backend ุจูุฑุฏ ุฒู ู ุง ุงูู ูุฑูุถุ ูู ุงูู database ุงุชุญุฏุซุชุ ูู ุงููุชูุฌุฉ ุงููู ุธูุฑุช ููู ุณุชุฎุฏู ู ูุทููุฉุ
โโโ
๐ ุฅู ุชู ุชุณุชุฎุฏู ุงูู E2Eุ
- ูู ุง ุชููู ุจุชุณูู Feature ู ูู ุฉ ุฌุฏูุงุ ุฒู ุนู ููุฉ ุฏูุน ุฃู ุชุณุฌูู ุฏุฎูู.
- ูู ุงูู app ููู flows ู ุนูุฏุฉ ุฃู steps ูุชูุฑ ูุจุชุนุชู ุฏ ุนูู ุจุนุถ.
- ูู ุง ุชุญุจ ุชุชุฃูุฏ ุฅู ุงูู integration ุจูู ุงูู frontend ูุงูู backend ุดุบุงู ุชู ุงู .
- ููุช ุงูู releaseุ ุนูุดุงู ุชุทู ู ุฅู ุงูู system ููู ุดุบุงู ุณููู ู ู ุงูุฃูู ููุขุฎุฑ.
โโโ
๐ ุฃุดูุฑ ุฃุฏูุงุช ุงูู End-to-End Testing
- ุงูู Cypress: ุณููุ ูุงุถุญุ ุจูุดุชุบู ุนูู ุงูู ุชุตูุญุ ูุจูุฎููู ุชู debug ุจุณูููุฉ.
- ุงูู Playwright: ุณุฑูุน ูุจูุฏุนู browsers ูุชูุฑุ ูู ู ุชุงุฒ ููู automation.
- ุงูู Selenium: ูุฏูู ูุชููู ุดููุฉุ ุจุณ ูุณู ูุงุณ ุจุชุณุชุฎุฏู ู ุนุดุงู ู ุฑู ูุจูุดุชุบู ุจูุบุงุช ู ุฎุชููุฉ.
โโโ
โ๏ธ ุฃู ุซูุฉ ุนูู Scenarios ู ู ูู ูุนู ููุง E2E Test
- ู ุณุชุฎุฏู ุจูุณุฌู ูู ุงูู ููุนุ ุจูุฑุฌุนูู confirmation message.
- ู ุณุชุฎุฏู ุจูุฏุฎู ุจูุงูุงุช ูุฑูุฏุช ูุงุฑุฏ ูุจุชุชู ุนู ููุฉ ุงูุฏูุน.
- ู ุณุชุฎุฏู ุจูุนู ู login ูุจูุชููู ุนูู ุงูู dashboard.
- ู ุณุชุฎุฏู ุจูุจุนุช ููุฑู contact us ูุชูุตูู ุฑุณุงูุฉ ุชุฃููุฏ.
โโโ
๐ก ููู ุงูู E2E Tests ู ูู ุฉุ
- ุจุชู ูุน ุงูู regressions ุงููู ู ู ูู ุชุญุตู ุจุนุฏ ุชุบููุฑุงุช ูุจูุฑุฉ.
- ุจุชูุดู bugs ู ุด ู ู ูู ุชูุชุดููุง ุจุงูู Unit ุฃู ุงูู Integration tests.
- ุจุชุฏูู confidence ุฅู ุงูู system ููู ุดุบุงู ุฒู ู ุง ุงูู ูุฑูุถ.
- ุจุชุณุงุนุฏ ุงููุฑูู ููู (frontend, backend, QA) ูููููุง ู ุทู ููู ูุจู ุฃู release.
โโโ
โ ๏ธ ุจุณ ุฎูู ุจุงูู...
ุงูู E2E Tests ุชูููุฉ ูู ุงูู executionุ ูุจุทูุฆุฉ ู ูุงุฑูุฉู ุจุงูุฃููุงุน ุงูุชุงููุฉ.
ูุนุดุงู ูุฏู ุจููุชุจ ู ููุง ุจุณ ุงูู critical flowsุ ู ุด ูู ุญุงุฌุฉ.
ูู ุงู ุฃู ุชุบููุฑ ุจุณูุท ูู UI ู ู ูู ููุณุฑูุงโฆ ููุงุฒู ุชูุชุจูุง ุจุดูู ูููุณ ููุงุจู ููุตูุงูุฉ.
โโโ
๐ก ูุตุงุฆุญ ูู ูุชุจุฏุฃ ุชูุชุจ E2E Tests:
- ุงุจูู test ููู user journey ู ูู ุฉ.
- ุญุงูู ุชุนุฒู ุงูู data ุงููู ุจุชุณุชุฎุฏู ู ูู ุงูุชุณุช (ุงุณุชุฎุฏู mocks ุฃู test accounts).
- ุญุงูุธ ุนูู naming ูุงุถุญ ูุณูู ูู ุงูู tests.
- ุดุบูููุง ูู CI/CD pipeline ุนุดุงู ุชู ุณู ุงูู ุดุงูู ูุจู ู ุง ุชูุตู ูููุงุณ.
โโโ
ุงูู E2E Testing ูู ุฎุท ุงูุฏูุงุน ุงูุฃุฎูุฑุ ุงููู ุจูุฃูุฏ ุฅู ูู ุญุงุฌุฉ ู ุงุดูุฉ ุชู ุงู ู ู ู ูุธูุฑ ุงูู ุณุชุฎุฏู .
ููู ุงู ูู ุงููู ุจูุฎููู ุถุงู ู ุฅู ุงูู feature ุงููู ุชุนุจุช ูููุง ู ุด ูุชุจูุธ ูู ุง ุชุทูุน production.
โโโ
ููููู ุงููู ููู ุฎูุฑ ๐ฟ
โค12
ููู ุจูุณุชุฎุฏู
ุงูู ORMุ ๐ค
.
.
ุชุนุงู ูุฏุฑุฏุด ุดููุฉ ุนู ุญุงุฌุฉ ู ู ูู ุชุบููุฑ ุทุฑููุฉ ุดุบูู ู ุน ุงูู database ูุชูููุฑ ุนููู ููุช ูู ุฌููุฏ ูุจูุฑ ุฌุฏูุงโฆ ููู ุงูู ORM.
ููู ูุจู ู ุง ูุฏุฎู ูู ุงูุชูุงุตูู ุชุนุงู ูุฑุฌุน ูุฑุง ุดููุฉ...
ูุงูุฑ ุฃูู ู ุฑุฉ ุชุนูู ุช ูููุง ุฅุฒุงู ุชุชุนุงู ู ู ุน ุงูู databaseุ
โโโ
๐ LinkedIn:
https://www.linkedin.com/posts/mentoor-io_orm-database-backend-activity-7348410219284041728-uaep
๐ Qabilah:
https://qabilah.com/posts/ku4aLi4n2rs
๐ Facebook:
https://www.facebook.com/share/p/1BFsS16jZj
.
.
ุชุนุงู ูุฏุฑุฏุด ุดููุฉ ุนู ุญุงุฌุฉ ู ู ูู ุชุบููุฑ ุทุฑููุฉ ุดุบูู ู ุน ุงูู database ูุชูููุฑ ุนููู ููุช ูู ุฌููุฏ ูุจูุฑ ุฌุฏูุงโฆ ููู ุงูู ORM.
ููู ูุจู ู ุง ูุฏุฎู ูู ุงูุชูุงุตูู ุชุนุงู ูุฑุฌุน ูุฑุง ุดููุฉ...
ูุงูุฑ ุฃูู ู ุฑุฉ ุชุนูู ุช ูููุง ุฅุฒุงู ุชุชุนุงู ู ู ุน ุงูู databaseุ
โโโ
๐ LinkedIn:
https://www.linkedin.com/posts/mentoor-io_orm-database-backend-activity-7348410219284041728-uaep
๐ Qabilah:
https://qabilah.com/posts/ku4aLi4n2rs
๐ Facebook:
https://www.facebook.com/share/p/1BFsS16jZj
โค4