Skeletons
Introduction ?
It is a modern UX best practice ???adobted??? by Facebook, Google, LInkedIn...
Skeleton loading screens gives the user the impression of less loading time
Article 1 on Skeletons (opens in a new tab)
Article 1 on Skeletons (opens in a new tab)
Phpreaction Skeletons
usage :
<WithSkeletonLoader
skeleton={<DashboardSkeleton />}
isLoading={isLoading}
pageTitle="dashboard"
>
<Dashboard />
</WithSkeletonLoader>
Automated tests
Unit
Command : npm run test:unit:file loadingScreen
Test file location : /tests/loadingScreen.unit.test.tsx
npm run test:unit:file loadingScreen
Integration
Command : ???
Test file location : ???
???