Frontend

React Developer Reference

Recommended Reading Material

1. 📜 Javascript reference - https://javascript.info/
2. ⚛️ React - https://beta.reactjs.org/
3. 🎨 Lean CSS basics - https://web.dev/learn/css/
4. ⏯️ HTML/CSS/JS (for quick references and advanced guides) - https://developer.mozilla.org/en-US/
5. 🎾 CSS Flexbox interactive guide - https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
6. 🥡 CSS Flexbox quick reference - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-flexbox-properties
7. 🔲 CSS Grid quick reference - https://css-tricks.com/snippets/css/complete-guide-grid/#aa-css-grid-properties

recording media in browser

https://web.dev/media-recording-audio/

Usage of useEffect

1. useEffect is for side effects. Try to keep the main business logic flow out of it as much as possible.
2. Usually you’ll want to declare functions needed by an effect inside of it. There are few alternatives as well. check the reference. ref

Gotchas

Trailing Slashes in URLs

When you are integrating APIs always make sure that the trailing slash is there.

ex:
GET /users/<user_id> <-- Wrong
GET /users/<user_id>/ <-- Right

Our backends expect the trailing slash and when it's not there the backend returns a 301 to redirect to the endpoint with the slash which completely breaks down safari.