Polski
English Indonesia Türkçe Deutsch Español Português Pусский Français Italiano Nederlands Polski العربية ไทย Tiếng Việt 繁體中文 简体中文 日本語 한국어
reactpractice's profile picture. Coding challenges to improve your React skills.

reactpractice.dev

@reactpractice

Coding challenges to improve your React skills.

20Wpisy 4Obserwujących 65Obserwowanych
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
6 mar

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`

reactpractice's tweet image. 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
0
9
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
4 mar

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…

reactpractice's tweet image. 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
0
3
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
3 mar

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

reactpractice's tweet card. This is my favourite way to scaffold solutions for the practice projects. It's super straight forward, so let's get to it. Create a React project with Vite It's as simple as: npm create vite@latest...
How setup a React project with Vite, Typescript and Tailwind
Źródło: reactpractice.dev
0
0
0
0
6
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
28 lut

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

reactpractice's tweet image. msw is great for mocking requests when testing your react components. Do you use it in your projects?
0
0
0
0
6
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
27 lut

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.

reactpractice's tweet image. 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.
reactpractice's tweet image. 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
0
8
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
26 lut

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:

reactpractice's tweet image. How do you type a custom hooks that accepts a generic data type? When using an arrow function, you can add `&amp;lt;T&amp;gt;` at the beginning of the function:
0
0
0
0
3
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
25 lut

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

reactpractice's tweet image. Custom hooks are great at abstracting logic. What are some custom hooks you built in your projects?
0
0
0
0
4
reactpractice.dev podał dalej
rwieruch's profile picture.
Robin Wieruch
@rwieruch
10 gru

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 👇

87
145
2tys.
2tys.
181tys.
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
20 lut

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

reactpractice's tweet card. Build a custom useFetch hook that encapsulates the logic for handling the loading and error states when fetching data: const { data, isLoading, error } = useFetch(SOME_URL, MAYBE_OPTIONS); The code...
Build a custom useFetch hook
Źródło: reactpractice.dev
0
0
1
0
7
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
14 lut

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!

reactjs's profile picture. The library for web and native user interfaces
React
@reactjs
14 lut

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…

reactjs's tweet card. The library for web and native user interfaces
Sunsetting Create React App – React
Źródło: react.dev
229
1tys.
6tys.
1tys.
1.1mln
0
0
0
0
86
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
13 lut

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

reactpractice's tweet image. How do you pass query string params to a GET request with `fetch`? Use the `URLSearchParams` API!
0
0
0
0
13
reactpractice.dev podał dalej
amacarthur's profile picture.
Alex MacArthur
@amacarthur
3 lut

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:

amacarthur's tweet image. 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 &amp;amp; their tradeoffs:
1
1
2
1
313
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
5 lut

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.

reactpractice's tweet image. 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
0
10
reactpractice's profile picture.
reactpractice.dev
 @reactpractice
29 gru

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…

0
0
0
0
9

United States Trendy

Something went wrong.


Something went wrong.