Spelling mistakes can make your code look unprofessional.

Instead:
- ✅ use lowercase to name your variables (e.g. `match`) and use uppercase for naming your components - e.g. `Accordion`
- ✅ use camelCase when a name is composed of multiple words - e.g. `isLoading`, `MemoryGame`

How would you pass the params for this GET request if you wanted them to be configurable?

Checkout the article for the how to use the URLSearchParams API for this!

https://reactpractice.dev/articles/how-to-pass-query-params-to-a-get-request-with-fetch/

Did you know "Create React App" is no longer maintained?
Start your React projects with Vite instead!

https://reactpractice.dev/articles/how-setup-a-react-project-with-vite-typescript-and-tailwind/

msw is great for mocking requests when testing your react components.
Do you use it in your projects?

Do you think this snippet throws when the server returns HTTP error code 500?
It doesn't! Instead, `fetch` returns the response `ok` property as `false`, and you need to check for that.

How do you type a custom hooks that accepts a generic data type?
When using an arrow function, you can add `<T>` at the beginning of the function:

Custom hooks are great at abstracting logic.
What are some custom hooks you built in your projects?

Just published a new React challenge: build a custom `useFetch` hook starting from failling unit tests!

https://reactpractice.dev/exercise/build-a-custom-usefetch-hook/?utm_source=bluesky&utm_medium=social&utm_campaign=use-fetch-hook

Did you work with Swagger before?
It's a great tool for live API documentation. Not all APIs support it, but those that do are great to work with!
Learn how to explore an API using it in the latest article:
https://reactpractice.dev/articles/using-swagger-to-explore-an-api/

How do you pass query string params to a GET request with `fetch`? Use the `URLSearchParams` API!

Useful tips for anyone currently on the job hunt

Wondering how to start a new React app today? Vite is the way to go for learning projects!

https://reactpractice.dev/articles/how-setup-a-react-project-with-vite-typescript-and-tailwind/

🎯 useEffect Cleanup Cheatsheet:

• Timers: clearInterval
• Events: removeEventListener
• Subscriptions: unsubscribe
• Connections: disconnect
• API: cancel request

🚀 Why useEffect Cleanup?
No cleanup = Memory leaks
Missing cleanup = Bugs
Bad cleanup = Weird behavior

#ReactJS #javascript

What should you expect for you code interview if you have a "Leetcode" style problem to solve? Building a small component, a custom hook or adding a small feature to an app. Check out examples in the latest article 👉

https://reactpractice.dev/articles/leetcode-style-react-problems

Everyone focuses on the "technical" part of technical interviews, but another important thing being evaluated is communication. If you can share your thought process and walk the interviewer through your reasoning, you might pass the interview even if you can’t solve the problem!