https://www.loom.com/share/ba3da4befbae48a8a3f164bdf5975ff6
I used the React-window library for recycler methodology to display only a few items to the user. also used useCallBack and use debounce for search input.
-
What are some edge cases you would take care of before shipping this to production?
- Think a lot about the variable and method names, complemete related, without abstraction
- Extract a block of code to a function with meaningfull name
- move a helper code to helper folder, a const to constants folder ...
- define consts for everything that is const
- Do not use export default, do not change state directly, use [...state]
- use react.memo when ever component is only rerendering for parent rerendering
- make sure change state only inside useEffect() or handlers and ...
-
What changes would you make to your solution to make it mobile responsive? depends on css lib, give classname cl for xs, md, lg. or set mediaquery.
-
What's important for you to work well in a fully remote team?
- Based on the API documents undrstanding of properties, validations
- It would be great to have fast response from backend developers for my api questions
- daily/weekly meeting to talk about the tasks and the plan for project and deadlines.
- good collaboration through online platforms
- I Invite @pieterbeulque and @umartayyab to a GitHub repo with my completed project.
The app is designed to work out of the box.
yarn install
yarn dev
The app should be available via http://localhost:3000.