Fanboi Channel

แปะลิงค์ต่าง ๆ ของ Tutorial สาย Tech ไม่ว่าจะเป็น Programming, Gadget,

Last posted

Total of 340 posts

235 Nameless Fanboi Posted ID:sCc6P.0hxA

ทำไมเราไม่ควรใช้ Ref เป็น Dependency
https://stackoverflow.com/questions/60476155/is-it-safe-to-use-ref-current-as-useeffects-dependency-when-ref-points-to-a-dom

236 Nameless Fanboi Posted ID6:HeSDh73aWf

NextJS Redirect
https://www.youtube.com/shorts/1ulURaCBeiQ

237 Nameless Fanboi Posted ID:Hu+vYphnpj

Most senior react don't know how to fix this
https://www.youtube.com/watch?v=vXJkeZf-4-4

238 Nameless Fanboi Posted ID:Hu+vYphnpj

Understanding the importance of the key prop in React 🗝

https://medium.com/swlh/understanding-the-importance-of-the-key-prop-in-react-f2b92ce65f45

239 Nameless Fanboi Posted ID:Hu+vYphnpj

Key

https://codesandbox.io/p/sandbox/react-dev-g9f9r8?file=/src/App.js:18,11&utm_medium=sandpack

240 Nameless Fanboi Posted ID6:zzFFRTfmRe

https://moduscreate.com/blog/state-machines-in-production/

241 Nameless Fanboi Posted ID:xnRg5LTmYX

React "Interview" Challenges

https://www.youtube.com/playlist?list=PL6x5Q-Sj_Bla3_wMqhETxMBjFml0XJNPI

242 Nameless Fanboi Posted ID:xnRg5LTmYX

Why your side project makes $0
https://www.youtube.com/watch?v=_P28Or4MOUI

243 Nameless Fanboi Posted ID6:5ucB6hyaWk

https://youtu.be/FCT4foTeGa4?si=pdiZ63elFmZLlXM3

lazy initialization

244 Nameless Fanboi Posted ID6:5ucB6hyaWk

https://youtu.be/3hNAifH_63o?si=Gefzy0J66CmqNBp5

ReactKey

245 Nameless Fanboi Posted ID6:5ucB6hyaWk

typescript Satisfied

https://youtube.com/shorts/9z-ptabQT-8?si=94gUdEVN9IUIaJYo

246 Nameless Fanboi Posted ID6:5ucB6hyaWk

https://www.reddit.com/r/reactjs/s/Gu2bnI0C4o

React key

247 Nameless Fanboi Posted ID6:5ucB6hyaWk

https://medium.com/@Blochware/the-key-to-performance-replacing-useeffect-with-key-changes-in-react-no-seriously-d1b83ec6dc29

Replacing key with usestate

248 Nameless Fanboi Posted ID6:5ucB6hyaWk

typescript
https://youtu.be/QSIXYMIJkQg?si=fyIx95hEcc1i7PYo

249 Nameless Fanboi Posted ID6:PNTUM/VwNc

as const

https://youtu.be/6M9aZzm-kEc?si=MO0qRibrlo4tIyvL

250 Nameless Fanboi Posted ID6:PNTUM/VwNc

typescript

https://github.com/type-challenges/type-challenges

251 Nameless Fanboi Posted ID:BH0XpS59B8

Type Challeges
https://www.youtube.com/playlist?list=PLIvujZeVDLMzSJ95Z3CkNIhpUSmC3G7S_

252 Nameless Fanboi Posted ID:bKtydllpcY

Debugging memory leaks - HTTP 203
https://youtube.com/watch?v=YDU_3WdfkxA

253 Nameless Fanboi Posted ID6:mGSAPBwGf0

https://youtu.be/dLPgQRbVquo?si=R--66hnRJBPfK4_f

254 Nameless Fanboi Posted ID6:hgn1wrtJ3e

https://www.youtube.com/watch?v=Wksz1DnJ2VM

255 Nameless Fanboi Posted ID:bKtydllpcY

How Did I Not Know This TypeScript Trick Earlier??!

https://www.youtube.com/watch?v=9i38FPugxB8

256 Nameless Fanboi Posted ID:B/eUEMbhKz

Tanstack
https://www.youtube.com/watch?v=AuLg79Th3xE

257 Nameless Fanboi Posted ID:B/eUEMbhKz

8 Tips from the TS Wizard - using, as const, never

https://www.youtube.com/watch?v=8HoOxOd86M4

258 Nameless Fanboi Posted ID6:H76ulNSn.Z

https://youtube.com/shorts/mKiCj7mEbw4?si=OgEK5zHja2K6ENDp

259 Nameless Fanboi Posted ID:B/eUEMbhKz

Common Mistakes and Advanced Typescript Techniques
https://www.youtube.com/watch?v=_rV1Bq1iQPQ

260 Nameless Fanboi Posted ID:B/eUEMbhKz

This TypeScript Trick Blew my Mind
https://www.youtube.com/watch?v=TsYeBS6v4r8&t=15s

261 Nameless Fanboi Posted ID:B/eUEMbhKz

These TypeScript Tricks are POWERFUL

https://www.youtube.com/watch?v=20QbmIAiw2c

262 Nameless Fanboi Posted ID:B/eUEMbhKz

My Favorite TypeScript Tips and Tricks
https://www.youtube.com/watch?v=CLYwHKKctbw

263 Nameless Fanboi Posted ID:6I1rlFGtwg

https://www.typescriptlang.org/docs/handbook/2/types-from-types.html
Creating Types from Types

264 Nameless Fanboi Posted ID:6I1rlFGtwg

Infer is easier than you think

https://www.youtube.com/watch?v=hLZXJTm7TEk

265 Nameless Fanboi Posted ID6:Axv4Ht2OCG

Zod

https://youtube.com/shorts/7WiSBNxhriQ?si=Qj8LxjE6ymanHn3F

266 Nameless Fanboi Posted ID6:Axv4Ht2OCG

Env handling

https://youtu.be/ZdDTDTwrzHQ?si=k1EIuvWx9YvpU7ng

267 Nameless Fanboi Posted ID:M8NaA4Zj0D

What are TypeScript MAPPED Types and how to use them Effectively

https://www.youtube.com/watch?v=fn12l_8LfxI

268 Nameless Fanboi Posted ID6:D6+ytQI1oA

https://betterprogramming.pub/11-tips-that-make-you-a-better-typescript-programmer-16893fcf3167

TypeScript

269 Nameless Fanboi Posted ID:M8NaA4Zj0D

Pick

โจทย์ - https://github.com/type-challenges/type-challenges/blob/main/questions/00004-easy-pick/README.md

Youtube - https://www.youtube.com/watch?v=knOgB-Aa8Pc

270 Nameless Fanboi Posted ID:M8NaA4Zj0D

Using EXTENDS to constrain generics - Advanced TypeScript
https://www.youtube.com/watch?v=xZ8BBBdMwQI

271 Nameless Fanboi Posted ID:M8NaA4Zj0D

Three Ways of Using "extends" in TypeScript

https://dev.to/tomoy/three-ways-of-using-extends-in-typescript-3dld

272 Nameless Fanboi Posted ID6:D6+ytQI1oA

KeyOf TypeScript

https://youtu.be/45gSwNdWSjU?si=9LkR9t0pxx0JLkXz

273 Nameless Fanboi Posted ID6:RyrZpBbVKy

https://youtu.be/opHu7HvFM60?si=EbrEPxlAYZK5hr3E

Css ที่ควรรู้

274 Nameless Fanboi Posted ID6:RyrZpBbVKy

https://youtu.be/6aHKdahOfCc?si=IMx4Dwz4hGI0H0uG

ปัญหาใน css

275 Nameless Fanboi Posted ID6:RyrZpBbVKy

10 CSS Pro Tips
https://youtu.be/Qhaz36TZG5Y?si=a0Tko1oCsEwPI-Vo

276 Nameless Fanboi Posted ID6:RyrZpBbVKy

How to take control of flexbox

https://youtu.be/Ns12ALe8aqI?si=_EZ22yXrxPxxD3eg

277 Nameless Fanboi Posted ID6:ykvZwzL3lL

https://youtu.be/3ugXM3ZDUuE?si=VBTJ5i99PZM9j0U7

A flexbox trick to improve text wrapping

278 Nameless Fanboi Posted ID6:ykvZwzL3lL

https://icodethis.com/?ref=kevin

I code this

279 Nameless Fanboi Posted ID6:mnOZER9iGl

>>278 You code this?

280 Nameless Fanboi Posted ID:HHuyNuTyDd

TypeScript utility types you need to know
https://www.youtube.com/watch?v=6Hj56GdFpgs

281 Nameless Fanboi Posted ID:i4gbtS4X3S

>>278 น่าสนใจนะถ้าแม่งแบบมัน lifetime access ด้วยไรงี้ แต่ปัญหาคือความAdvanceของบทเรียนทำไมมันน้อยชิบหายเลย แต่ดูๆไปแล้วแข่งกับcodecademyได้ตรงราคานะ แล้วค่อยต่อยอดไปพวก https://devchallenges.io/ ไรงี้ก็ได้

282 Nameless Fanboi Posted ID:siQlF37D4P

https://www.youtube.com/watch?v=WyL_Jc6_-sY
Next.js Modal Form w/ React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation

283 Nameless Fanboi Posted ID6:Z0PEfKHZnI

https://www.totaltypescript.com/ts-reset

ts-reset

284 Nameless Fanboi Posted ID6:vQw.Yvr8yK

https://www.youtube.com/watch?v=GW00zebIt0g
Improving OBJECT.KEYS in TypeScript - Advanced TypeScript

285 Nameless Fanboi Posted ID6:vQw.Yvr8yK

Un-Suck Your React Components - Composable & Compound Components

https://www.youtube.com/watch?v=vPRdY87_SH0

286 Nameless Fanboi Posted ID6:/8XSDLGfx0

https://youtu.be/D1a8OoBWi1g?si=5KuR-o_apxqSZ233

Master function overload with TypeScript

287 Nameless Fanboi Posted ID6:/8XSDLGfx0

Type vs Generic

https://youtu.be/Vr1BUFw6dJM?si=yUk8kHuaQY1CqGX1

288 Nameless Fanboi Posted ID:s2+Wka5Aj5

Library ของ TypeScript ที่น่าสนใจ

https://www.typescriptlang.org/play/?#code/PTAEEsFsAcHsCcAuoDkABRtEEMA2BaRAT2gFMBnAY3nGkWEXP3gtPoDNxdFT58AjWLFylsAOxQAoaZVhjyyTt16kAJgEF48bEVABeUAG0AjABpQAJnMBXMatKcxagLoA6JT3gAKAEJCR4gCUoEA

289 Nameless Fanboi Posted ID6:8Ld6aN3Gy8

>>288 เว็ปนี้ก็อป link ตรงๆ ไม่ได้

290 Nameless Fanboi Posted ID:s2+Wka5Aj5

>>289 คือยังไงนะ

291 Nameless Fanboi Posted ID6:MwsTXe1x1Y

>>290 มันมีหมดอายุ

292 Nameless Fanboi Posted ID:Z1LqSL81o/

>>291 ขอบใจนะ ตอนแรกนึกว่าเป็น Base64

293 Nameless Fanboi Posted ID:Z1LqSL81o/

>>291 มันอยู่ได้นานแค่ไหนพอรู้ไหม

294 Nameless Fanboi Posted ID:Z1LqSL81o/

https://github.com/jellydn/typescript-tips

295 Nameless Fanboi Posted ID:Z1LqSL81o/

Satisfied
https://www.youtube.com/watch?v=7vHKeFrwvYk

296 Nameless Fanboi Posted ID:cwUiD9hDEi

https://www.youtube.com/watch?v=3Fxoxg_FMpg
4 ways to use the TypeScript infer keyword

297 Nameless Fanboi Posted ID6:QTN/R6VzQv

https://youtu.be/Ikl_R-BMKCc?si=6Vq0aeFeM05NFfeK

TypeScript infer

298 Nameless Fanboi Posted ID:KU2syg2FgD

TypeScript never
https://www.youtube.com/watch?v=d2sANVj4f2Y

299 Nameless Fanboi Posted ID:KU2syg2FgD

Advanced TypeScript is Hard

300 Nameless Fanboi Posted ID:KU2syg2FgD

>>299 https://www.youtube.com/watch?v=ofHeCWw44mE

301 Nameless Fanboi Posted ID:KU2syg2FgD

Accessibility

https://www.youtube.com/watch?v=1A6SrPwmGpg

302 Nameless Fanboi Posted ID:sLESOn.Zr1

https://www.youtube.com/watch?v=Y4u97vJqmhM
Senior Typescript Features You don't Know About - clean-code

303 Nameless Fanboi Posted ID:sLESOn.Zr1

TypeScript Exhaustive Switch: How discriminated unions make your job easier!

https://www.youtube.com/watch?v=CG3_Y9T03J4

304 Nameless Fanboi Posted ID:sLESOn.Zr1

Branded Types give you stronger input validation

https://www.youtube.com/watch?v=rpw59rajUSI

305 Nameless Fanboi Posted ID:sLESOn.Zr1

TypeScript: Branded Types 🔧
https://prosopo.io/articles/typescript-branding/

306 Nameless Fanboi Posted ID:sLESOn.Zr1

https://www.youtube.com/watch?v=kWmUNChlzVw
any vs unknown vs never: TypeScript demystified

307 Nameless Fanboi Posted ID6:AqLctCC4tH

Crazy type

https://youtu.be/YE_3WwX-Dl8?si=biiKiEbk_2R5Su61

308 Nameless Fanboi Posted ID:39q6yYx2UI

https://youtube.com/shorts/eZzX_7vdXp8?si=z6YBJ23tAy13AwZf

Transform string into object

309 Nameless Fanboi Posted ID:D5bxag+zOU

https://youtube.com/shorts/RBxhezE-B-I?si=DFubwChuV88dariH

react namespace pattern

310 Nameless Fanboi Posted ID6:qG/w15pVAH

How To Maximize Performance In Your React Apps
https://www.youtube.com/watch?v=Qwb-Za6cBws&t=7s

311 Nameless Fanboi Posted ID:xirFvxkvZo

TypeScript in React - COMPLETE Tutorial (Crash Course)
https://www.youtube.com/watch?v=TPACABQTHvM

312 Nameless Fanboi Posted ID:TfwolSJkNa

https://youtu.be/O6VbrLR6ro8?si=yWSVH3HePAnCgeab

How noinfer work

313 Nameless Fanboi Posted ID:YEYwoCBnuX

Delegation Poker

https://management30.com/practice/delegation-poker/

314 Nameless Fanboi Posted ID6:sWX2yCsqsW

Ts-toolbelt

https://github.com/millsp/ts-toolbelt

315 Nameless Fanboi Posted ID:u1rZ3EEnkX

Utility type
https://www.typescriptlang.org/docs/handbook/utility-types.html

316 Nameless Fanboi Posted ID:0Kd5WKO2XE

https://samsungsic-thailand.org/courses/ai/ เรียนฟรี

317 Nameless Fanboi Posted ID6:6P80GHXuyZ

https://youtu.be/K1rSHXaoVqQ?si=9pbfP0Afrogh0llk
เผื่อสนใจ

318 Nameless Fanboi Posted ID:ZXVq7ek3dn

Frontend Architecture
https://khalilstemmler.com/articles/client-side-architecture/introduction/

319 Nameless Fanboi Posted ID:ZXVq7ek3dn

Frature Slice Design
https://feature-sliced.design/

320 Nameless Fanboi Posted ID:BCGGfiVJ7l

React Design Guideline
https://react-typescript-cheatsheet.netlify.app/

321 Nameless Fanboi Posted ID6:qlc5Uk8v5A

abcdefg

322 Nameless Fanboi Posted ID:DTL9OHyD+y

https://github.com/alan2207/bulletproof-react/tree/master
react bullet proof

323 Nameless Fanboi Posted ID:DTL9OHyD+y

How To Create This Unbelievable CSS Scroll Animation

https://www.youtube.com/watch?v=-pDPASqX97w

324 Nameless Fanboi Posted ID:DwfbJD7tyT

@WebDevSimplified

Subscribe
This New CSS Margin Feature Is A Huge Quality Of Life Improvement

https://www.youtube.com/shorts/1TYCpmznWFU

325 Nameless Fanboi Posted ID6:lw4kyUkj3X

ccccccc

326 Nameless Fanboi Posted ID6:78tEbUdpVK

ดันมู้

327 Nameless Fanboi Posted ID:KHSNZSoiNK

https://baymard.com/blog/line-length-readability
ตัวอักษรที่อ่านง่ายคืออยู่ระหว่าง 50 - 75 ตัวอักษร

328 Nameless Fanboi Posted ID6:tCbDGy4rqq

สกาย สกาย ก็ไม่ขนาดนั้นครับต่างชาติเขาไม่ได้อคติกับเรื่องที่เป็นLGBTQ ถึงประเทศตัวเองจะไม่ค่อยยอมรับหรือไม่อิน แค่ประเทศอื่นเขาไม่ได้สนเรื่องเพศกันแล้ว จะเป็นชญ. หรือญญ. มันไม่เกี่ยวครับ ชญ. ไม่ได้ทำให้อินเสมอไป ผมพูดในมุมที่หลากหลายเดี๋ยวนี้ต่างประเทศเขาก็มีภาพยนตร์ ชช. ญญ. ออกจะเยอะเขาไม่อคติ ถ้าไม่ใช่ทางก็ไม่ต้องดูแค่นั้นครับ เพราะภาพยนตร์เขาไม่ได้จำกัดแค่เพศ ชญ. ในการเป็นตัวหลักของเรื่องเสมอไป

329 Nameless Fanboi Posted ID:YsOsj9iUGq

https://testing-playground.com/
ไว้สำหรับ test นู่นนี่ได้

330 Nameless Fanboi Posted ID6:iFfImhCib0

Google Tag Manager
https://www.youtube.com/watch?v=DiAgCihHW58&t=179s

331 Nameless Fanboi Posted ID6:iFfImhCib0

These CSS PRO Tips & Tricks Will Blow Your Mind!
https://www.youtube.com/watch?v=PL3Odw-k8W4

332 Nameless Fanboi Posted ID6:4OQxoH0VnH

If you want to start a software business, watch this | Lisbon, July 15
https://www.youtube.com/watch?v=Acj6hrfZeVg

333 Nameless Fanboi Posted ID6:4OQxoH0VnH

https://www.youtube.com/watch?v=5sCsm6WvPr4
The Art Of Managing People - How To Become A True Leader (Rare Audiobook)

334 Nameless Fanboi Posted ID:T3Mts8cSxE

https://www.youtube.com/shorts/Qcf5Vg_xRvE
What is Observability Driven Development (ODD)?

335 Nameless Fanboi Posted ID:fbv/.1hj/1

https://youtube.com/@codementor786?si=IgoQXWN171QohXjY

ช่องนี้เจ๋ง

336 Nameless Fanboi Posted ID:PERXKdTYRS

Dora matrix

https://cloud.google.com/blog/products/devops-sre/using-the-four-keys-to-measure-your-devops-performance

337 Nameless Fanboi Posted ID:qhqdNMBd+7

เอาไว้ Mock Data
https://www.mockaroo.com/

338 Nameless Fanboi Posted ID:qhqdNMBd+7

https://codesandbox.io/s/flattening-row-with-react-table-prkqb?file=/src/App.tsx:0-3560

339 Nameless Fanboi Posted ID:SG6o4rFy5n

bulletproof react

340 Nameless Fanboi Posted ID:SG6o4rFy5n

https://feature-sliced.design/docs/about/mission

Be Civil — "Be curious, not judgemental"

  • FAQs — คำถามที่ถามบ่อย (การใช้บอร์ด การแบน ฯลฯ)
  • Policy — เกณฑ์การใช้งานเว็บไซต์
  • Guidelines — ข้อแนะนำในการใช้งานเว็บไซต์
  • Deletion Request — แจ้งลบและเกณฑ์การลบข้อความ
  • Law Enforcement — แจ้งขอ IP address

All contents are responsibility of its posters.