ไลบรารี React ที่จำเป็นสำหรับปี 2025
(robinwieruch.de)- React ถูกใช้งานมาอย่างยาวนานจนเกิดเป็น ระบบนิเวศของไลบรารีขนาดใหญ่
- นักพัฒนาที่มาจากภาษา/เฟรมเวิร์กอื่นอาจ ประสบความยากลำบากในการเลือกไลบรารีที่จำเป็นสำหรับสร้างแอปพลิเคชัน React
- แกนหลักของ React คือไลบรารีที่เน้นความสามารถในการสร้าง UI แบบอิงคอมโพเนนต์
- สามารถใช้ functional components และ React Hooks เพื่อจัดการสถานะภายใน, จัดการ side effects และปรับแต่งประสิทธิภาพ
- ท้ายที่สุดแล้ว ทั้งคอมโพเนนต์และ hooks ต่างก็ทำงานในรูปแบบของ การใช้ฟังก์ชันเพื่อประกอบเป็น UI
- บทความนี้แนะนำ ไลบรารี React ที่จำเป็นสำหรับการพัฒนาแอปพลิเคชันขนาดใหญ่สำหรับปี 2025
การเริ่มต้นโปรเจกต์ React
- Vite : เครื่องมือยอดนิยมที่สุดสำหรับตั้งค่าโปรเจกต์ React มีความเร็วในการ build สูงและรองรับ TypeScript ได้อย่างสะดวก
- Next.js :
- เมตาเฟรมเวิร์กที่สร้างบน React รองรับ server-side rendering (SSR) และ static site generation (SSG)
- มีฟีเจอร์ต่าง ๆ เช่น file-based routing, API routes และ React Server Components (RSC)
- TanStack Start (Beta) : เฟรมเวิร์กใหม่ที่สร้างบน React โดยมีแผนจะรองรับ React Server Components กำลังพัฒนาในฐานะทางเลือกของ Next.js
- React Router : ไลบรารีหลักสำหรับ client-side routing ของ React ปัจจุบันกำลังเปลี่ยนแปลงภายใต้อิทธิพลของ Remix
- Astro : เครื่องมือสร้างเว็บไซต์แบบ static ที่ไม่ยึดติดกับเฟรมเวิร์ก สามารถใช้ร่วมกับ React ได้ และปรับประสิทธิภาพได้ด้วยการลด JavaScript ที่ไม่จำเป็น
- Nitro , Redwood , Waku
- เฟรมเวิร์กและเครื่องมือใหม่ ๆ ของ React
- Waku เป็นไลบรารีที่รองรับ React Server Components ซึ่งสร้างโดยผู้พัฒนา Zustand
- แนะนำ:
- client-side rendering (CSR): Vite
- server-side rendering (SSR): Next.js
- static site generation (SSG): Astro
ตัวจัดการแพ็กเกจสำหรับ React
- npm : ตัวจัดการแพ็กเกจพื้นฐานของ Node.js และเป็นตัวที่ใช้งานแพร่หลายที่สุด
- Yarn : ให้การจัดการ dependency ที่ดีกว่าและช่วยเพิ่มความเร็ว
- pnpm : มีประสิทธิภาพสูง แต่ยังไม่แพร่หลายเท่า
- Turborepo : เครื่องมือจัดการ monorepo ที่ช่วยบริหารหลายโปรเจกต์ React ได้อย่างมีประสิทธิภาพ
- แนะนำ:
- การจัดการแพ็กเกจทั่วไป: npm
- เมื่อต้องการปรับประสิทธิภาพ: pnpm
- เมื่อต้องการ monorepo: Turborepo
การจัดการสถานะใน React
- useState, useReducer : hooks ที่มีมาใน React สำหรับจัดการสถานะภายในคอมโพเนนต์
- useContext : hook พื้นฐานที่มีมาใน React สำหรับจัดการสถานะแบบ global
- Zustand : ไลบรารีสำหรับจัดการสถานะแบบ global ด้วย API ที่เรียบง่าย ใช้งานง่ายกว่า Redux จึงเป็นที่นิยมในหมู่นักพัฒนามากขึ้นในช่วงหลัง
- Redux : ไลบรารีจัดการสถานะที่ใช้งานมาอย่างยาวนาน โดยปัจจุบัน Redux Toolkit กลายเป็นมาตรฐานไปแล้ว
- XState, Zag : ไลบรารีจัดการสถานะที่อิง state machine
- Mobx , Jotai , Nano Stores : ไลบรารีจัดการสถานะที่ใช้เป็นทางเลือกแทน Zustand และ Redux ได้
- แนะนำ:
- สถานะภายใน: useState / useReducer
- สถานะ global ขนาดเล็ก: useContext
- สถานะ global ขนาดใหญ่: Zustand
การดึงข้อมูลใน React
- TanStack Query : ไลบรารีดึงข้อมูลสำหรับการเรียก REST และ GraphQL API มีความสามารถอย่าง caching, synchronization และ optimistic updates
- Apollo Client : ไลบรารีจัดการข้อมูลที่ปรับให้เหมาะกับ GraphQL API
- urql : GraphQL client แบบน้ำหนักเบา
- Relay : GraphQL client ประสิทธิภาพสูงที่พัฒนาโดย Facebook
- RTK Query : เครื่องมือที่ช่วยให้ดึงข้อมูลได้ง่ายในสภาพแวดล้อมของ Redux
- tRPC : มอบการสื่อสาร API แบบ type-safe ระหว่าง backend กับ frontend บนพื้นฐาน TypeScript และสามารถใช้ร่วมกับ TanStack Query ได้
- แนะนำ:
- การดึงข้อมูลฝั่งเซิร์ฟเวอร์: React Server Components / Functions (เมื่อใช้เมตาเฟรมเวิร์กที่รองรับ)
- การดึงข้อมูลฝั่งไคลเอนต์: TanStack Query (REST, GraphQL)
- สำหรับ GraphQL โดยเฉพาะ: Apollo Client
- การสื่อสาร API แบบ type-safe: tRPC
การทำ routing ใน React
- React Router : ไลบรารีที่ถูกใช้งานแพร่หลายที่สุดสำหรับ client-side routing
- TanStack Router (Beta) : ไลบรารี routing รุ่นใหม่ที่รองรับ TypeScript ได้ยอดเยี่ยม
- แนะนำ:
- routing ฝั่งเซิร์ฟเวอร์: Next.js
- routing ฝั่งไคลเอนต์: React Router (ใช้งานมากที่สุด), TanStack Router (เทรนด์ใหม่ล่าสุด)
การจัดสไตล์ CSS ของ React
- Tailwind CSS
- เป็นแนวทางแบบ Utility-First-CSS ที่ช่วยให้จัดสไตล์ได้อย่างรวดเร็วด้วยคลาสที่กำหนดไว้ล่วงหน้า
- ช่วยรักษาความสม่ำเสมอของดีไซน์ซิสเต็มได้ แต่การตั้งชื่อคลาสอาจซับซ้อนได้
- CSS Modules
- แยกสไตล์เป็นโมดูลตามแต่ละคอมโพเนนต์ จึงช่วยป้องกันการชนกันของสไตล์แบบ global ได้
- เป็นแนวทาง CSS-in-CSS ที่ถูกใช้งานอย่างแพร่หลายที่สุด
- styled-components
- เป็นแนวทาง CSS-in-JS ที่กำหนด CSS ภายในโค้ด JavaScript
- ช่วงหลังความนิยมลดลงจากประเด็นด้านประสิทธิภาพและปัญหาในสภาพแวดล้อม server-side
- Emotion : เป็นไลบรารี CSS-in-JS ที่คล้ายกับ styled-components โดยรองรับการปรับแต่งประสิทธิภาพและการใช้ utility classes
- clsx : ไลบรารียูทิลิตีที่ช่วยให้ตั้งค่า
classNameแบบมีเงื่อนไขได้ง่าย - StyleX : โซลูชัน CSS-in-JS รุ่นใหม่ที่ Facebook พัฒนา ใช้วิธีคอมไพล์ที่ปรับแต่งมาอย่างมีประสิทธิภาพเพื่อมอบการจัดสไตล์แบบ utility-first
- ไลบรารี CSS อื่น ๆ : PandaCSS , linaria , vanilla-extract , nanocss , UnoCSS , Styled JSX
- แนะนำ:
- แนวทางที่ได้รับความนิยมมากที่สุด: Tailwind CSS
- หากต้องการแยกสไตล์เป็นโมดูล: CSS Modules
- โซลูชัน CSS-in-JS สมัยใหม่: StyleX
ไลบรารี UI สำหรับ React
- Material UI (MUI) : เป็นไลบรารี UI ที่ยังถูกใช้มากในโปรเจกต์ฟรีแลนซ์ โดยอิงจากระบบ Material Design ของ Google
- Mantine UI : เป็นไลบรารี UI ที่ได้รับความนิยมสูงสุดในปี 2022 รองรับฟังก์ชันหลากหลายและสไตล์แบบปรับแต่งเอง
- Chakra UI : เป็นไลบรารี UI ที่ได้รับความนิยมสูงสุดในปี 2021 โดดเด่นทั้งด้าน accessibility และความสะดวกในการจัดสไตล์
- Hero UI : ไลบรารี UI ที่เปลี่ยนชื่อมาจาก Next UI
- Park UI : ไลบรารี UI ที่สร้างบน Ark UI
- PrimeReact : มีคอมโพเนนต์ UI แบบ Prebuilt ให้ใช้งานหลากหลาย
- ไลบรารี UI แบบ headless
- shadcn/ui (ได้รับความนิยมมากที่สุดในช่วงปี 2023-2024)
- Radix (พื้นฐานของ shadcn/ui)
- React Aria
- Ark UI (พัฒนาโดยทีมผู้สร้าง Chakra UI)
- Ariakit
- Daisy UI
- Headless UI
- Tailwind UI (มีค่าใช้จ่าย)
- ไลบรารี UI ที่ความถี่ในการใช้งานลดลง
- แนะนำ:
- ไลบรารี UI ที่มีสไตล์มาให้: MUI, Mantine, Chakra UI
- ไลบรารี UI แบบ headless ที่ไม่มีสไตล์มาให้: shadcn/ui, Radix
ไลบรารีแอนิเมชันสำหรับ React
- Motion : เป็นไลบรารีแอนิเมชันที่แนะนำมากที่สุด (เดิมคือ Framer Motion)
- react-spring : รองรับการสร้างแอนิเมชันแบบอิงฟิสิกส์
React สำหรับกราฟและการแสดงผลข้อมูล
- D3.js : เป็นไลบรารีกราฟระดับล่างที่ทรงพลัง แต่มี learning curve สูง
- Recharts : เป็นไลบรารีกราฟที่ใช้งานง่าย รองรับการปรับแต่งพื้นฐาน
- visx : ทำงานในลักษณะคล้าย D3 แต่เป็นมิตรกับ React มากกว่า
- ไลบรารีกราฟอื่น ๆ : Victory , nivo , react-chartjs
- แนะนำ:
- กราฟที่ใช้งานง่าย: Recharts
- การปรับแต่งสไตล์แบบ D3: visx
ไลบรารีฟอร์มสำหรับ React
- React Hook Form : เป็นไลบรารีฟอร์มสำหรับ React ที่ถูกใช้งานแพร่หลายที่สุด สามารถใช้ร่วมกับ
zodเพื่อทำ validation ฟอร์มที่ทรงพลังได้ - Conform : เป็นไลบรารีฟอร์มมาแรงที่ผสานรวมกับแอปพลิเคชันแบบ full-stack ได้ง่าย
- Formik , React Final Form : เป็นไลบรารีฟอร์มสำหรับ React แบบดั้งเดิมที่ยังคงถูกใช้ในบางโปรเจกต์
- แนะนำ:
- หากต้องการเลือกไลบรารีฟอร์ม ให้ใช้ React Hook Form + zod
สไตล์โค้ดและการจัดรูปแบบสำหรับ React
- ESLint : ลินเตอร์สำหรับรักษาสไตล์โค้ด และสามารถใช้กับสไตล์ไกด์ยอดนิยมได้
- Prettier : เครื่องมือที่ช่วยจัดรูปแบบโค้ดให้สม่ำเสมอ และสามารถใช้ร่วมกับ ESLint ได้
- Biome : ลินเตอร์และตัวจัดรูปแบบโค้ดแบบ all-in-one ที่รวดเร็วซึ่งพัฒนาด้วย Rust (เดิมคือ Rome) กำลังได้รับความสนใจในฐานะทางเลือกแทน ESLint และ Prettier
- แนะนำ:
- ใช้ชุดผสม ESLint + Prettier
- พิจารณา Biome เป็นทางเลือกใหม่
การยืนยันตัวตนของ React
- Lucia : โซลูชันการยืนยันตัวตนที่รองรับ OAuth และฟีเจอร์การเข้ารหัส
- Better Auth : หนึ่งในบริการยืนยันตัวตนสมัยใหม่
- Auth.js : ไลบรารีการยืนยันตัวตนที่ใช้งานได้ง่ายกับ Next.js และเฟรมเวิร์กหลากหลาย
- บริการยืนยันตัวตนแบบเสียเงิน : Clerk , Kinde
- การยืนยันตัวตนบน Firebase/Supabase : Supabase Auth
- บริการยืนยันตัวตนอื่น ๆ : AuthKit , Auth0 , AWS Cognito
- แนะนำ:
- การยืนยันตัวตนที่ทำได้ง่าย: Auth.js, Supabase Auth
- เสริมความแข็งแกร่งด้าน OAuth และความปลอดภัย: Lucia, Better Auth
React แบ็กเอนด์
- Next.js : รองรับ server-side rendering (SSR) และ API routes
- Astro : เฟรมเวิร์กที่เหมาะสำหรับการสร้างเว็บไซต์แบบสแตติก
- tRPC : โซลูชันสำหรับการสื่อสาร API แบบ type-safe
- Hono : เฟรมเวิร์กเซิร์ฟเวอร์ขนาดเบามากที่สามารถใช้ร่วมกับ React ได้
- เฟรมเวิร์กแบ็กเอนด์ Node.js แบบดั้งเดิม
- เฟรมเวิร์กแบ็กเอนด์อื่น ๆ
- แนะนำ:
- การพัฒนา React แบบฟูลสแตก: Next.js, tRPC
- เมื่อต้องการแบ็กเอนด์แบบดั้งเดิม: Express, Fastify
React ฐานข้อมูลและ ORM
- Prisma : ORM บน TypeScript ที่ได้รับความนิยมมากที่สุด
- Drizzle ORM : ORM ที่ได้รับความสนใจในฐานะทางเลือกของ Prisma
- ORM และ query builder อื่น ๆ : Kysely , database-js : สำหรับ PlanetScale โดยเฉพาะ
- ฐานข้อมูลแบบ serverless
- PlanetScale (มีค่าใช้จ่าย)
- Neon PostgreSQL แบบ serverless
- Xata
- Turso
- ฐานข้อมูลบน Firebase/Supabase
- Supabase สร้างบน PostgreSQL และโฮสต์เองได้
- Firebase Firestore
- แนะนำ:
- เมื่อต้องการ ORM: Prisma, Drizzle ORM
- ฐานข้อมูลแบบ serverless: PlanetScale, Neon
React โฮสติ้ง
- เซิร์ฟเวอร์แบบจัดการเอง : Digital Ocean , Hetzner
- โฮสติ้งแบบจัดการเต็มรูปแบบ :
- แพลตฟอร์มโฮสติ้งอื่น ๆ
- Render , Fly.io , Railway
- CloudFlare , AWS , Azure , Google Cloud
- แนะนำ:
- โปรเจกต์ Next.js: Vercel
- เมื่อต้องจัดการเซิร์ฟเวอร์เอง: Digital Ocean, Hetzner
ไลบรารีทดสอบสำหรับ React
- Vitest : เฟรมเวิร์กทดสอบที่เร็วกว่า Jest และเหมาะกับโปรเจกต์ React สมัยใหม่ พร้อมรองรับการรันทดสอบ, assertions และ mocking
- Jest : เฟรมเวิร์กทดสอบที่ยังถูกใช้อย่างแพร่หลายในโปรเจกต์รุ่นเก่า
- React Testing Library (RTL)
- ไลบรารียอดนิยมสำหรับการทดสอบคอมโพเนนต์ React
- รองรับการเรนเดอร์องค์ประกอบ HTML และการจำลองเหตุการณ์
- Playwright
- เครื่องมือทดสอบ E2E (End-to-End) ที่แนะนำมากที่สุด
- รองรับการทดสอบอัตโนมัติบนเบราว์เซอร์และอุปกรณ์หลากหลายสภาพแวดล้อม
- Cypress : เครื่องมือทดสอบ E2E ฝั่งฟรอนต์เอนด์ที่กำลังแข่งขันกับ Playwright
- แนะนำ:
- การทดสอบ unit/integration: Vitest + React Testing Library
- การทดสอบ E2E: Playwright (หรือ Cypress)
- ตัวเลือกสำหรับ snapshot testing: Vitest
React และโครงสร้างข้อมูลแบบ immutable
- Immer :
- ไลบรารีที่ช่วยให้จัดการโครงสร้างข้อมูลแบบ immutable ได้ง่าย
- ทำให้เขียนลอจิกการเปลี่ยนสถานะที่ซับซ้อนได้อย่างกระชับ
การรองรับหลายภาษาของ React (i18n)
- FormatJS : ไลบรารี i18n ที่ทรงพลัง พร้อมฟีเจอร์จัดรูปแบบวันที่ ตัวเลข สกุลเงิน และอื่น ๆ
- react-i18next : ไลบรารีรองรับหลายภาษาที่ถูกใช้อย่างแพร่หลายที่สุดใน React
- Lingui : รองรับหลายภาษาอย่างทรงพลังด้วยการตั้งค่าน้อยที่สุด
- next-intl : ไลบรารีหลายภาษาสำหรับโปรเจกต์ Next.js
- แนะนำ:
- ตัวเลือกที่ใช้ได้ทั่วไปที่สุด: react-i18next
- โปรเจกต์ที่ใช้ Next.js: next-intl
React rich text editor
- TipTap : rich text editor สมัยใหม่ที่ขยายความสามารถได้ยอดเยี่ยม
- Plate : โซลูชันเอดิเตอร์ทรงพลังที่สร้างบน Slate.js
- Lexical : rich text editor น้ำหนักเบาที่สร้างโดย Facebook
- Slate : เฟรมเวิร์ก rich text editor ที่ปรับแต่งได้
- แนะนำ:
- เมื่อต้องการความยืดหยุ่นในการขยาย: TipTap
- เอดิเตอร์ที่เบาและปรับแต่งมาดี: Lexical
ระบบชำระเงินของ React
- PayPal : หนึ่งในระบบชำระเงินที่ถูกใช้งานอย่างแพร่หลายที่สุด
- Stripe : มี payment API ที่เป็นมิตรกับนักพัฒนา
- โซลูชันการชำระเงินอื่น ๆ
- Braintree (เป็นของ PayPal)
- Lemon Squeezy (ทำงานบน Stripe)
- แนะนำ:
- โซลูชันชำระเงินที่ใช้งานง่าย: Stripe
- หากต้องการรองรับ PayPal: PayPal หรือ Braintree
การจัดการเวลาและวันที่ใน React
- date-fns : มีฟังก์ชันวันที่/เวลาหลากหลาย ทั้งยังมีขนาดเบา
- Day.js : ทางเลือกที่เบากว่าสำหรับ Moment.js โดยมี API ที่คล้ายกัน
- แนะนำ:
- ไลบรารีที่เบาที่สุด: Day.js
- ไลบรารีที่ฟีเจอร์ครบ: date-fns
แอปพลิเคชันเดสก์ท็อป React
- Electron :
- เฟรมเวิร์กสำหรับพัฒนาแอปพลิเคชันเดสก์ท็อปข้ามแพลตฟอร์ม
- สามารถสร้างแอปสำหรับ Windows, macOS, Linux ด้วยเว็บเทคโนโลยี (HTML, CSS, JS)
- Tauri
- เป็นทางเลือกที่เบากว่า Electron โดยใช้แบ็กเอนด์ที่พัฒนาด้วย Rust
- เหมาะกับโปรเจกต์ที่ให้ความสำคัญกับความปลอดภัยและประสิทธิภาพ
- แนะนำ:
- ใช้งานเว็บเทคโนโลยีได้ตรง ๆ: Electron
- เน้นความเบา & ความปลอดภัยเป็นหลัก: Tauri
การอัปโหลดไฟล์ใน React
- react-dropzone : ไลบรารีแบบ React hook สำหรับอัปโหลดไฟล์ รองรับฟังก์ชันลากและวาง
การเรนเดอร์อีเมลใน React
- react-email (แนะนำ) : สามารถสร้างอีเมล HTML แบบ responsive โดยใช้ React component
- mjml : ภาษา markup สำหรับสร้างอีเมล HTML ได้อย่างสะดวก
- Mailing : ช่วยให้นักพัฒนาสร้างและจัดการอีเมลได้ง่าย
- jsx-email : สามารถสร้างเทมเพลตอีเมลด้วยไวยากรณ์ JSX
- ผู้ให้บริการอีเมล :
- แนะนำ:
- สร้างอีเมลในสไตล์ React: react-email
- หากต้องการบริการอีเมล: SendGrid, Mailgun
การลากและวางใน React
- @hello-pangea/dnd : โปรเจกต์สืบทอดจาก
react-beautiful-dndที่ใช้งานได้ง่าย - dnd kit : ยืดหยุ่นและปรับแต่งได้สูง แต่มีเส้นโค้งการเรียนรู้
- แนะนำ:
- drag and drop ที่ใช้งานง่าย: @hello-pangea/dnd
- หากต้องการการปรับแต่ง: dnd kit
การพัฒนามือถือด้วย React
- React Native : เฟรมเวิร์กสำหรับพัฒนาแอปพลิเคชันมือถือข้ามแพลตฟอร์มบนพื้นฐานของ React
- Expo : toolchain ที่ช่วยให้การพัฒนา React Native ง่ายยิ่งขึ้น
- Tamagui : รองรับการใช้ UI component ชุดเดียวกันได้ทั้งบนเว็บและมือถือ
- แนะนำ:
- การพัฒนามือถือ: React Native + Expo
- รวม UI ของเว็บและมือถือเข้าด้วยกัน: Tamagui
การพัฒนา VR/AR ด้วย React
- react-three-fiber : ไลบรารีเรนเดอร์ 3D บนพื้นฐานของ Three.js และมีกรณีใช้งานที่รองรับ VR
- react-360 (ถูกเก็บเข้า archive แล้ว) : เฟรมเวิร์ก VR/AR ที่ Facebook พัฒนา (ปัจจุบันหยุดบำรุงรักษาแล้ว)
- aframe-react (ไม่ได้รับการบำรุงรักษาอีกต่อไป) : ไลบรารีที่ช่วยให้ใช้ A-Frame ใน React ได้
- แนะนำ:
- ไลบรารี React 3D/VR ที่ทันสมัย: react-three-fiber
การทำดีไซน์ต้นแบบใน React
- Figma : เครื่องมือยอดนิยมที่สุดสำหรับการออกแบบ UI/UX และทำต้นแบบ
- Excalidraw : สามารถสร้าง wireframe และไดอะแกรมที่ดูเหมือนวาดด้วยมือ
- tldraw : เครื่องมือสเก็ตช์ที่คล้ายกับ Excalidraw
- แนะนำ:
- การออกแบบ UI/UX: Figma
- wireframe แบบง่าย: Excalidraw
การจัดทำเอกสารคอมโพเนนต์ React
- Storybook : เครื่องมือหลักสำหรับพัฒนาและจัดทำเอกสาร UI component
- Docusaurus : static site generator สำหรับเอกสารด้านเทคนิค
- Styleguidist : เครื่องมือจัดทำ style guide ที่เน้น React component
- React Cosmos : มีสภาพแวดล้อมสำหรับพัฒนาและทดสอบ UI component แบบแยกอิสระ
- แนะนำ:
- การจัดทำเอกสารคอมโพเนนต์: Storybook
- การสร้างเอกสารทางเทคนิค: Docusaurus
6 ความคิดเห็น
ssgoi.dev: ไลบรารีเปลี่ยนหน้าสำหรับ React
ถ้าเพิ่มอันนี้ด้วยจะขอบคุณมากครับ ฮ่า..
ผมว่าควรมองว่า expo เป็นเฟรมเวิร์กของ RN มากกว่านะ
เท่าที่ผมรู้ เวลาค้นหาใน Google Trends
reduxอยู่ราว 90% ส่วนzustandยังไม่ถึง 10% เลย แต่zustandกลับมาอยู่ข้างบนซะงั้น 555พลังของของเก่านั่นแหละครับ
อ้างอิงแล้ว jQuery มีส่วนแบ่งตลาด 90 เปอร์เซ็นต์...
ดูเพิ่มเติมที่ React เทคโนโลยีสแต็ก 2025 ด้วย
ไลบรารีที่แนะนำสำหรับการพัฒนาแอปด้วย React ณ ปี 2022
ดูเหมือนว่าจะอัปเดตทุกปี แต่นี่ก็ผ่านมาถึง 3 ปีแล้ว ลองเทียบกันดูได้ครับ