JavaScript tips
BOOST YOUR
SKILLS
Page 1
JavaScript tips
1. Use async/await for Asynchronous Requests
Why?
Using async/await makes your code more readable and
easier to maintain compared to using .then() and .catch().
Best Practice:
Always use async/await syntax with Axios requests for
better readability and error handling.
Example:
Page 2
JavaScript tips
2. Handle Errors Gracefully
Why?
Proper error handling ensures that your application can
recover gracefully from network issues or API errors.
Best Practice:
Always handle errors using try...catch when using
async/await.
Use Axios error properties (response, request, message) to
debug errors.
Example:
Page 3
JavaScript tips
3. Set Default Configuration for Common Requests
Why?
Setting default configurations prevents redundancy and
keeps your code DRY (Don’t Repeat Yourself).
Best Practice:
Use axios.defaults to set default headers, base URLs, or
other configuration options that apply to all requests.
Example:
Page 4
JavaScript tips
4. Cancel Requests to Avoid Memory Leaks
Why?
Canceling requests helps to prevent memory leaks,
especially in applications that have multiple ongoing HTTP
requests (e.g., in single-page applications or when making
requests on component unmount).
Best Practice:
Use CancelToken to cancel Axios requests when they are
no longer needed (e.g., when a component unmounts).
Example:
Page 5
JavaScript tips
5. Throttle and Debounce Requests
Why?
Throttling and debouncing help to minimize the number of
requests sent to the server, improving performance and
preventing rate limits from being exceeded.
Best Practice:
Use libraries like Lodash (_.debounce and _.throttle) to
control the frequency of requests.
Example:
Page 6
JavaScript tips
6. Timeout for Requests
Why?
Setting a timeout for requests prevents your application
from hanging indefinitely in case of network issues.
Best Practice:
Use timeout configuration to set a time limit for each
request.
Example:
Page 7
JavaScript tips
7. Use Response Data Transformation
Why?
Sometimes, APIs return data in a format that’s not
immediately usable. Axios allows you to transform
response data before it’s returned to the caller.
Best Practice:
Use transformResponse to modify the response data
format.
Example:
Page 8
JavaScript tips
8. Use withCredentials for Cross-Domain Requests
Why?
If you’re making requests to a different domain and need to
send credentials like cookies or HTTP authentication, set
withCredentials to true.
Best Practice:
Set withCredentials when making requests to servers that
require cookies or other credentials.
Example:
Page 9
JavaScript tips
Hopefully You Found It
Usefull!
Be sure to save this post so you
can come back to it later
like Comment Share
Page 10
