reactpractice.dev @reactpractice

Coding challenges to improve your React skills. reactpractice.dev Joined November 2024

Tweets

20
Followers

4
Following

65
Likes

12

reactpractice.dev @reactpractice

7 months ago

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`

0 0 0 9 0

Download Image

reactpractice.dev @reactpractice

7 months ago

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…

0 0 0 3 0

Download Image

reactpractice.dev @reactpractice

7 months ago

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

0 0 0 6 0

reactpractice.dev @reactpractice

7 months ago

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

0 0 0 5 0

Download Image

reactpractice.dev @reactpractice

7 months ago

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.

0 0 0 8 0

Download Image

reactpractice.dev @reactpractice

7 months ago

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:

0 0 0 3 0

Download Image

reactpractice.dev @reactpractice

7 months ago

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

0 0 0 4 0

Download Image

Robin Wieruch @rwieruch

10 months ago

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 👇

88 145 2K 181K 2K

reactpractice.dev @reactpractice

7 months ago

Just published a new React challenge: build a custom `useFetch` hook starting from failling unit tests! reactpractice.dev/exercise/build…

0 0 1 7 0

reactpractice.dev @reactpractice

8 months ago

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…

0 0 0 4 0

reactpractice.dev @reactpractice

8 months ago

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!

React @reactjs

8 months ago

229 1K 6K 1.1M 1K

0 0 0 86 0

reactpractice.dev @reactpractice

8 months ago

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

0 0 0 13 0

Download Image

reactpractice.dev @reactpractice

8 months ago

Wondering how to start a new React app today? Vite is the way to go for learning projects! reactpractice.dev/articles/how-s…

0 0 0 10 0

reactpractice.dev @reactpractice

8 months ago

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…

0 0 1 9 0

reactpractice.dev @reactpractice

8 months ago

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…

0 0 0 12 0

Alex MacArthur @amacarthur

8 months ago

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:

1 1 2 312 1

Download Image

reactpractice.dev @reactpractice

8 months ago

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.

0 0 0 10 0

Download Image

reactpractice.dev @reactpractice

9 months ago

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…