
reactpractice.dev
@reactpractice
Coding challenges to improve your React skills.
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 - ✅ 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! reactpractice.dev/articles/how-t…

Did you know "Create React App" is no longer maintained? Start your React projects with Vite instead! reactpractice.dev/articles/how-s…
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?

The tech stack I'd use in 2025 ⏭️ Next.js ⚛️ React.js 🔗 TypeScript + Zod ❌ No Form Library 🎨 Shadcn + Tailwind 🎯 React Query (optional) 💎 Prisma + Supabase 🔒 Lucia (Oslo + Arctic) ✉️ React Email + Resend 📁 AWS S3 + IAM 💤 Inngest 😎 Coolify Blog Post in reply 👇
Just published a new React challenge: build a custom `useFetch` hook starting from failling unit tests! reactpractice.dev/exercise/build…
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: reactpractice.dev/articles/using…
reactpractice.dev
Using Swagger to explore an API
When working with an API, it's essential to have access to its documentation, so you can see what endpoints are available, what parameters are supported and what responses you can expect. One common...
Great to see the React team officially deprecating `create-react-app`. It's been unmaintained for a while, so this bring clarity to the community that it shouldn't be used anymore. What to use instead? I recommend Vite for practice projects!
Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework. We’re also providing docs for when a framework isn’t a good fit for your project, or you prefer to start by building a framework. react.dev/blog/2025/02/1…
How do you pass query string params to a GET request with `fetch`? Use the `URLSearchParams` API!

Wondering how to start a new React app today? Vite is the way to go for learning projects! reactpractice.dev/articles/how-s…
What should you expect for you code interview if you'll 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 👉 reactpractice.dev/articles/leetc…
How would you display a grid of square images? Just published a new articles that goes over how to build this using CSS or Tailwind. reactpractice.dev/articles/how-t…
If you’ve ever needed to break up a long JavaScript task to keep the UI responsive, you’ve probably reached for setTimeout(). Turns out there are a boatload of other options at your disposal, like scheduler.yield(). I wrote about a handful & their tradeoffs:

New challenge just launched - build a budget app dashboard! Start from a sample JSON file of transactions and show aggregated amounts and expense charts to get insights about each months expenditure.

Great article about the importance of writing code that is easy to understand! Timely reminder of the importance of naming variables, components and how to decide on when to split a component down or not. minds.md/zakirullin/cog…
Curious how building forms will work with React 19? Check out this step by step walkthrough! reactpractice.dev/articles/build…
United States 趨勢
- 1. #AEWWrestleDream 19.2K posts
- 2. #UFCVancouver 20.3K posts
- 3. No Kings 1.52M posts
- 4. Chito 5,371 posts
- 5. CJ Carr N/A
- 6. Texas Tech 8,812 posts
- 7. Sam Rivers 5,235 posts
- 8. Zahabi 2,808 posts
- 9. Ole Miss 17K posts
- 10. Arkansas 20.2K posts
- 11. Sark 1,826 posts
- 12. Billy Napier 2,767 posts
- 13. Iowa 15.3K posts
- 14. Ryan Williams 1,165 posts
- 15. Jeremiyah Love N/A
- 16. Thekla 2,297 posts
- 17. Lebby 1,749 posts
- 18. #ChristmasWithBedBathandBeyond N/A
- 19. Arizona State 5,142 posts
- 20. Jurassic Express 1,547 posts
Something went wrong.
Something went wrong.