🎯

Best practices

Here are some of the recommendations to achieve optimal code quality and to follow best practices.

​Data Fetching​
​Prefer inferred types over explicit ones​
​Prefer early returns​
​Avoid comparing multiple values with includes​
​Validate using zod instead of type casting​
Don't hesitate extracting nested code into new React Components
Code organization tips
Consider state machines over simple boolean states
Don't extract function props outside render just because
Make proper user of React Children
Authed CRUDs should be user centric
Prefer adding tRPC queries over /api/..   endpoints on web
​Prefer defaultHandler for simple API handlers​
​Prefer Composition over Prop Drilling​
​Avoid Prop Drilling​
​Prefer ternaries over Short Circuiting “&&” for React Components​
TODO: Expand each of these bullet points
Additional resources
​https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example/​
​
​

Engineering - Previous

HTTPS & Subdomains

Data fetching

Last modified 13d ago