52 คะแนน โดย xguru 2025-03-04 | 6 ความคิดเห็น | แชร์ทาง WhatsApp
  • 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
  • ไลบรารี 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 แบบดั้งเดิม
    • Express : เฟรมเวิร์กแบ็กเอนด์ Node.js ที่ได้รับความนิยมมากที่สุด
    • Fastify : เฟรมเวิร์ก Node.js ประสิทธิภาพสูง
    • NestJS : เหมาะสำหรับแอปพลิเคชันขนาดใหญ่
    • Elysia : แบ็กเอนด์สมัยใหม่ที่สร้างบน TypeScript
  • เฟรมเวิร์กแบ็กเอนด์อื่น ๆ
  • แนะนำ:
    • การพัฒนา React แบบฟูลสแตก: Next.js, tRPC
    • เมื่อต้องการแบ็กเอนด์แบบดั้งเดิม: Express, Fastify

React ฐานข้อมูลและ ORM

  • Prisma : ORM บน TypeScript ที่ได้รับความนิยมมากที่สุด
  • Drizzle ORM : ORM ที่ได้รับความสนใจในฐานะทางเลือกของ Prisma
  • ORM และ query builder อื่น ๆ : Kysely , database-js : สำหรับ PlanetScale โดยเฉพาะ
  • ฐานข้อมูลแบบ serverless
  • ฐานข้อมูลบน Firebase/Supabase
  • แนะนำ:
    • เมื่อต้องการ ORM: Prisma, Drizzle ORM
    • ฐานข้อมูลแบบ serverless: PlanetScale, Neon

React โฮสติ้ง

  • เซิร์ฟเวอร์แบบจัดการเอง : Digital Ocean , Hetzner
  • โฮสติ้งแบบจัดการเต็มรูปแบบ :
    • Vercel : ปรับแต่งมาสำหรับโปรเจกต์ Next.js
    • Coolify : โซลูชันระดับกลาง
  • แพลตฟอร์มโฮสติ้งอื่น ๆ
  • แนะนำ:
    • โปรเจกต์ 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 ที่เป็นมิตรกับนักพัฒนา
  • โซลูชันการชำระเงินอื่น ๆ
  • แนะนำ:
    • โซลูชันชำระเงินที่ใช้งานง่าย: 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 ความคิดเห็น

 
tmdeoans 2025-10-12

ssgoi.dev: ไลบรารีเปลี่ยนหน้าสำหรับ React

ถ้าเพิ่มอันนี้ด้วยจะขอบคุณมากครับ ฮ่า..

 
clastneo 2025-03-04

ผมว่าควรมองว่า expo เป็นเฟรมเวิร์กของ RN มากกว่านะ

 
codemasterkimc 2025-03-04

เท่าที่ผมรู้ เวลาค้นหาใน Google Trends redux อยู่ราว 90% ส่วน zustand ยังไม่ถึง 10% เลย แต่ zustand กลับมาอยู่ข้างบนซะงั้น 555

 
dooboo 2025-03-04

พลังของของเก่านั่นแหละครับ

อ้างอิงแล้ว jQuery มีส่วนแบ่งตลาด 90 เปอร์เซ็นต์...

 
xguru 2025-03-04

ดูเพิ่มเติมที่ React เทคโนโลยีสแต็ก 2025 ด้วย

 
xguru 2025-03-04

ไลบรารีที่แนะนำสำหรับการพัฒนาแอปด้วย React ณ ปี 2022

ดูเหมือนว่าจะอัปเดตทุกปี แต่นี่ก็ผ่านมาถึง 3 ปีแล้ว ลองเทียบกันดูได้ครับ