Fanboi Channel

What are TypeScript MAPPED Types and how to use them Effectively

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

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

TypeScript

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

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

Three Ways of Using "extends" in TypeScript

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

KeyOf TypeScript

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

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

Css ที่ควรรู้

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

ปัญหาใน css

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

How to take control of flexbox

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

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

A flexbox trick to improve text wrapping

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

I code this

>>278 You code this?

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

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

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

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

ts-reset

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

Un-Suck Your React Components - Composable & Compound Components

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

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

Master function overload with TypeScript

Type vs Generic

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

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

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

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

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

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

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

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

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

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

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

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

TypeScript infer

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

Advanced TypeScript is Hard

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

Accessibility

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

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

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

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

Branded Types give you stronger input validation

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

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

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

Crazy type

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

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

Transform string into object

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

react namespace pattern

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

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

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

How noinfer work

Delegation Poker

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

Ts-toolbelt

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

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

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

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

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

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

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

abcdefg

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

How To Create This Unbelievable CSS Scroll Animation

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

@WebDevSimplified

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

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

ccccccc

ดันมู้

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

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

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

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

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

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

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

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

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

ช่องนี้เจ๋ง

Dora matrix

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

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

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

bulletproof react

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