Components
Navigation
Loading-screen
Skeletons

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 : ???

???