Pob
@pobch.bsky.social
JavaScript, TypeScript, React, Go
🖖 crispyscript.com
🖖 crispyscript.com
Reposted by Pob
February 8, 2025 at 10:59 PM
State setter in React needs to be a pure function. Period.
I usually see this anti-pattern from the code review.
onClick prop in the example may contain another setState() or other side-effects from the parent. Be cautious and don’t call any event handlers inside a setter.
I usually see this anti-pattern from the code review.
onClick prop in the example may contain another setState() or other side-effects from the parent. Be cautious and don’t call any event handlers inside a setter.
February 4, 2025 at 11:45 AM
State setter in React needs to be a pure function. Period.
I usually see this anti-pattern from the code review.
onClick prop in the example may contain another setState() or other side-effects from the parent. Be cautious and don’t call any event handlers inside a setter.
I usually see this anti-pattern from the code review.
onClick prop in the example may contain another setState() or other side-effects from the parent. Be cautious and don’t call any event handlers inside a setter.
Not only AI solves a lot of problems, but it also creates new ones 😅
LinkedIn comments are increasingly AI generated slop.
Why do people use tools (or pay for them? that generate zero value add comments? What is the end game here?
Why do people use tools (or pay for them? that generate zero value add comments? What is the end game here?
February 2, 2025 at 3:53 PM
Not only AI solves a lot of problems, but it also creates new ones 😅
Reposted by Pob
Must reads for web developers - how modern browsers work:
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
January 12, 2025 at 11:57 AM
Must reads for web developers - how modern browsers work:
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
Reposted by Pob
People like to complain about CSS units, so a while back I made a flowchart for a YT video, and also decided to put it up at whatunit.com
I never check the analytics for it because I assumed it wouldn't get any views, but it's getting ~1k/month! Not a lot, but way more than I expected
I never check the analytics for it because I assumed it wouldn't get any views, but it's getting ~1k/month! Not a lot, but way more than I expected
January 10, 2025 at 7:32 PM
People like to complain about CSS units, so a while back I made a flowchart for a YT video, and also decided to put it up at whatunit.com
I never check the analytics for it because I assumed it wouldn't get any views, but it's getting ~1k/month! Not a lot, but way more than I expected
I never check the analytics for it because I assumed it wouldn't get any views, but it's getting ~1k/month! Not a lot, but way more than I expected
Reposted by Pob
📚 The slides and transcript of my @reactdayberlin.gitnation.org talk “React Query - The Bad Parts” are now available on my blog. Enjoy 🎉
React Query - The Bad Parts
In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit. No library is perfect; every choice involves tra...
tkdodo.eu
December 28, 2024 at 3:57 PM
📚 The slides and transcript of my @reactdayberlin.gitnation.org talk “React Query - The Bad Parts” are now available on my blog. Enjoy 🎉
We all know that in JavaScript:
0.1 + 0.2 !== 0.3
However, many people try to fix it using:
((0.1 * 10) + (0.2 * 10)) / 10
i.e., multiplying floats to convert to integers, performing the calculation, then dividing back to floats.
I don’t think this is a good solution…. [1/2] 👇
0.1 + 0.2 !== 0.3
However, many people try to fix it using:
((0.1 * 10) + (0.2 * 10)) / 10
i.e., multiplying floats to convert to integers, performing the calculation, then dividing back to floats.
I don’t think this is a good solution…. [1/2] 👇
December 11, 2024 at 3:53 PM
We all know that in JavaScript:
0.1 + 0.2 !== 0.3
However, many people try to fix it using:
((0.1 * 10) + (0.2 * 10)) / 10
i.e., multiplying floats to convert to integers, performing the calculation, then dividing back to floats.
I don’t think this is a good solution…. [1/2] 👇
0.1 + 0.2 !== 0.3
However, many people try to fix it using:
((0.1 * 10) + (0.2 * 10)) / 10
i.e., multiplying floats to convert to integers, performing the calculation, then dividing back to floats.
I don’t think this is a good solution…. [1/2] 👇
Reposted by Pob
In 2025 all our UI tests will finally run in a real browser again for the first time since Karma was replaced by JSDOM.
I'm so here for this.
I'm so here for this.
Running eight component tests for a complicated form in a *real browser* (!) in 768ms? This changes my stance on mainly using a mock DOM environment for testing!
@vitest.dev Browser Mode is a true paradigm shift!
@vitest.dev Browser Mode is a true paradigm shift!
December 8, 2024 at 2:57 PM
In 2025 all our UI tests will finally run in a real browser again for the first time since Karma was replaced by JSDOM.
I'm so here for this.
I'm so here for this.
Reposted by Pob
Tanstack Start doing doing server calls a bit different than React Server Components.
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
November 29, 2024 at 4:42 PM
Tanstack Start doing doing server calls a bit different than React Server Components.
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
Someone at the party: What do you do in your free time?
Me: 🙂 (Realizing that last Saturday I spent the whole day searching for a new vscode theme, so that I keep silent)
Me: 🙂 (Realizing that last Saturday I spent the whole day searching for a new vscode theme, so that I keep silent)
November 28, 2024 at 1:07 PM
Someone at the party: What do you do in your free time?
Me: 🙂 (Realizing that last Saturday I spent the whole day searching for a new vscode theme, so that I keep silent)
Me: 🙂 (Realizing that last Saturday I spent the whole day searching for a new vscode theme, so that I keep silent)
Very well explained. Highly recommended for every npm publisher.
Confused about the `exports` field in package.json?
I wrote a guide to break it down and walk you through it!
👉 hirok.io/posts/node-exports-guide
I wrote a guide to break it down and walk you through it!
👉 hirok.io/posts/node-exports-guide
Guide to the Node.js `exports` field
Take control over how your npm package is accessed with the package.json `exports` field
hirok.io
November 16, 2024 at 2:07 PM
Very well explained. Highly recommended for every npm publisher.
“overflow-wrap: break-word;” should be in the css reset.
November 16, 2024 at 12:21 PM
“overflow-wrap: break-word;” should be in the css reset.
Reposted by Pob
Who's out there building realtime apps?
How are you building realtime capabilities?
What are some challenges you run into and how did you solve them?
How are you building realtime capabilities?
What are some challenges you run into and how did you solve them?
November 14, 2024 at 1:35 AM
Who's out there building realtime apps?
How are you building realtime capabilities?
What are some challenges you run into and how did you solve them?
How are you building realtime capabilities?
What are some challenges you run into and how did you solve them?
Reposted by Pob
I realized I never shared the blog post I wrote for the Reddit Engineering Blog about how we adopted Vite in our monorepo. Seems like a solid first post for this platform! Check it out here: www.reddit.com/r/RedditEng/...
www.reddit.com
November 14, 2024 at 2:38 AM
I realized I never shared the blog post I wrote for the Reddit Engineering Blog about how we adopted Vite in our monorepo. Seems like a solid first post for this platform! Check it out here: www.reddit.com/r/RedditEng/...
CSS ‘width: 100vw’ is broken. It causes an overflow issue when your page has a visible vertical-scrollbar (e.g. in Windows, not Mac).
And no, 100dvw is not gonna save you.
And no, 100dvw is not gonna save you.
November 7, 2024 at 2:02 PM
CSS ‘width: 100vw’ is broken. It causes an overflow issue when your page has a visible vertical-scrollbar (e.g. in Windows, not Mac).
And no, 100dvw is not gonna save you.
And no, 100dvw is not gonna save you.
Colleague: Wow, your side project looks great
Me: Thanksss 😊
Colleague: The code would be nice & clean. Can I take a look?
Me:
Me: Thanksss 😊
Colleague: The code would be nice & clean. Can I take a look?
Me:
November 5, 2024 at 4:49 PM
Colleague: Wow, your side project looks great
Me: Thanksss 😊
Colleague: The code would be nice & clean. Can I take a look?
Me:
Me: Thanksss 😊
Colleague: The code would be nice & clean. Can I take a look?
Me:
This.
Like almost all social media platforms in their early days, the vibes are great right now because everyone’s posting about the things they love.
It always goes south when everyone starts posting about the things they hate.
How about this time we all agree to keep it this way?
It always goes south when everyone starts posting about the things they hate.
How about this time we all agree to keep it this way?
November 3, 2024 at 3:00 PM
This.
At this point, I’m considering buying a new domain just because I want a short & cool handle 😅
November 3, 2024 at 10:24 AM
At this point, I’m considering buying a new domain just because I want a short & cool handle 😅
1. Pull a yml config file to test something on my machine
2. What if I remove this single line. It seems …. useless
3. Everything breaks 😱
4. Add the line back
5. What if I remove another line…
6. Yeah, everything breaks again
7. The loop continue…
2. What if I remove this single line. It seems …. useless
3. Everything breaks 😱
4. Add the line back
5. What if I remove another line…
6. Yeah, everything breaks again
7. The loop continue…
November 3, 2024 at 8:08 AM
1. Pull a yml config file to test something on my machine
2. What if I remove this single line. It seems …. useless
3. Everything breaks 😱
4. Add the line back
5. What if I remove another line…
6. Yeah, everything breaks again
7. The loop continue…
2. What if I remove this single line. It seems …. useless
3. Everything breaks 😱
4. Add the line back
5. What if I remove another line…
6. Yeah, everything breaks again
7. The loop continue…
Hey, Bluesky feed/algorithm/whatever, please give me:
- Javascript/Typescript
- React
- Go
- CSS
- Dog, Cat, Meme
Let’s see how it turns out…
- Javascript/Typescript
- React
- Go
- CSS
- Dog, Cat, Meme
Let’s see how it turns out…
November 2, 2024 at 11:17 AM
Hey, Bluesky feed/algorithm/whatever, please give me:
- Javascript/Typescript
- React
- Go
- CSS
- Dog, Cat, Meme
Let’s see how it turns out…
- Javascript/Typescript
- React
- Go
- CSS
- Dog, Cat, Meme
Let’s see how it turns out…