Tag: react

7 รายการ

Blog

โต๊ะทำงานของนักพัฒนายามค่ำคืน โน้ตบุ๊กเปิดหน้าเว็บที่ภาพย่อภาพหนึ่งเรืองแสงสีแดงจาง ข้างกันมีกล่องเซิร์ฟเวอร์เล็กที่ไฟเตือนสีแดงติดอยู่ ด้านหลังเป็นหน้าต่างที่มีฝนและแสงนีออนสีฟ้าอมเขียวกับชมพู
newssecuritynextjs

Next.js มีช่องโหว่ RCE ระดับ Critical 2 ตัว: อัปเป็น 16.4.1 หรือ 15.5.28 ด่วน

Next.js แก้ช่องโหว่ที่คนไม่ล็อกอินอาจรันโค้ดบนเซิร์ฟเวอร์ได้ ทั้งใน Image Optimization ที่ใช้ SVG (CVE-2026-96889) และฟังก์ชัน use cache กระทบตั้งแต่ Next.js 10 ถึง 16.4.0 และตอนนี้ npm audit เริ่มเตือนแล้ว

น้องกาย
นากต้นฉบับเลื่อนกรอบหน้าเว็บสองใบผ่านรางเปลี่ยนฉากสีมิ้นต์บนโต๊ะสว่าง
reactjavascriptfrontend

React 19.3 ทำ View Transitions และ Fragment Refs เป็น Stable: อัปเกรดแบบไม่ทำ motion พัง

สรุป React 19.3 จากประกาศทางการ พร้อมลำดับทดลอง ViewTransition, Fragment refs, Trusted Types และข้อจำกัดบน DOM

พี่โชว์
จรวดกระดาษมีหน้าตาลากกล่องคอมโพเนนต์จากสะพานเก่าไปเกาะ Astro ทีละกล่องบนพื้นสีครีม
astrogatsbyreact

ย้าย Gatsby ไป Astro ใน 9 วันโดยไม่เขียน React ใหม่: บทเรียนจาก Evil Martians

ถอดกลยุทธ์ migration ที่เก็บ React components เดิมไว้ ลด JavaScript ตอนโหลด 61% และค่อยปรับ hydration หลัง cutover

พี่โชว์
ทำระบบ Auth + RBAC ให้ IoT Platform
iotworkshopgolang

ทำระบบ Auth + RBAC ให้ IoT Platform

ทำ Authentication แบบ production จริงด้วย Go (Fiber) + React: JWT access+refresh, argon2id, RBAC admin/operator/viewer, rate-limited /auth, refresh rotation + reuse detection + tokenVersion และ silent refresh ฝั่ง client

Showkhun
สร้าง Admin Monitoring Dashboard แบบ Real-time
iotworkshopvite

สร้าง Admin Monitoring Dashboard แบบ Real-time

พี่โชว์พาสร้าง Monitoring Dashboard ครบชุด ตั้งแต่ Overview cards, Device Status Grid ที่ติดไฟด้วย WebSocket จริง, กราฟ readings จาก InfluxDB ด้วย Recharts, Alert Rules overview และ time-range control สไตล์ IoT Admin

Showkhun
IoT Admin CRUD: ตารางข้อมูลแบบครบเครื่อง
iotworkshopvite

IoT Admin CRUD: ตารางข้อมูลแบบครบเครื่อง

สร้าง Device & Alert Rule management ด้วย DataTable แบบ generic (sort/filter/select/paginate), React Hook Form + Zod ที่ mirror backend validation, toast + confirm dialog เป็น Zustand store และ TanStack Query mutations พร้อม cache invalidation

Showkhun
ตั้ง Vite Admin Panel ให้ IoT Platform กัน!
iotworkshopvite

ตั้ง Vite Admin Panel ให้ IoT Platform กัน!

พี่โชว์พาวาง foundation ของ Admin Console ด้วย Vite 8 + React 19 + TypeScript จริง พร้อม Tailwind v4, React Router v7, Zustand, TanStack Query และ fetch client ที่มี seam สำหรับ token/refresh ครบจบในโพสต์เดียว

Showkhun