You can run the development server:
pnpm dev
The following are the technical decisions I had to make throughout the process:
-
I decided to use
react-query
'sisLoading
andisError
instead ofSuspense
andErrorBoundary
as I wanted to make use of the full power ofreact-query
and it would be cumbersome to handle asynchronous errors asErrorBoundary
can't catch these types of errors. -
I only stored
searchKeyword
inredux
store asposts
were never used in other parts of the application. Actually, the required result could have been achieved without the help ofredux
but I added it in case you want to see theredux
integration. -
I decided to drop out the path aliases as I don't want to override the
cra
config with other tools likecraco
orreact-app-rewired
and they are easily achievable usingvite
.