Image

React and React Native

By lew Founder on Tag: React, Security
React

โครงการ React รายงานถึงช่องโหว่ CVE-2025-55182 ใน React Server Components Framework (RSC) ซึ่งกระทบไปถึง NextJS, React Router และโครงการอื่นๆ เช่น Vite RSC Plugin

ช่องโหว่เกิดขึ้นเมื่อคนร้ายยิง HTTP request เข้าไปยัง Server Function แล้ว RSC จะถอดข้อมูลออกมาเป็นโค้ดที่รันบนเซิร์ฟเวอร์ ส่งผลให้กลายเป็นช่องโหว่รันโค้ดระยะไกล

By mk Founder on Tag: React
React

เมื่อต้นเดือนที่ผ่านมา React Native ออกเวอร์ชัน 0.82 มีการเปลี่ยนแปลงสำคัญคือ ย้ายมาใช้สถาปัตยกรรมใหม่ New Architecture ทั้งหมดแล้ว

By mk Founder on Tag: React, Meta, Open Source, JavaScript
React

Meta ประกาศยกโครงการ React และ React Native รวมถึงโครงการข้างเคียงอื่นๆ เช่น JSX ให้กับมูลนิธิ React Foundation ที่ตั้งขึ้นมาใหม่

เหตุผลของ Meta คือต้องการให้ React เติบโตไปไกลกว่าการดูแลของบริษัทเดียว โดยบอร์ดของ React Foundation ประกอบด้วยตัวแทนจากหลายบริษัท ได้แก่ Amazon, Callstack, Expo, Meta, Microsoft, Software Mansion, Vercel มีความเป็นกลางไม่อิงกับบริษัทใด แยกโครงสร้างการบริหารออกมาจาก Meta ชัดเจน

ในเบื้องต้น Meta ประกาศบริจาคเงินให้ React Foundation มูลค่า 3 ล้านดอลลาร์ และส่งวิศวกรจำนวนหนึ่งมาพัฒนา React ต่อเป็นเวลานาน 5 ปี

By mk Founder on Tag: Microsoft Edge, User Interface, Microsoft, Browser, React
Microsoft Edge

ทีม Microsoft Edge เล่าความคืบหน้าของการเปลี่ยนวิธีเขียน UI ของเบราว์เซอร์ จากเดิมใช้ React มาเป็นการใช้โค้ด HTML/CSS พื้นฐานแทน ส่งผลให้การเรนเดอร์ UI ของ Edge เร็วขึ้นมาก

ไมโครซอฟท์อธิบายว่า เบราว์เซอร์ยุคปัจจุบันสามารถประมวลผล HTML/CSS บนหน้าเว็บได้เร็วมาก จุดตายไปอยู่ที่ JavaScript ซึ่งบวมขึ้นเรื่อยๆ ในรอบหลายปีที่ผ่านมา ตัว UI ของ Edge ที่เดิมเขียนด้วย React ก็ได้รับผลกระทบจากสถานการณ์นี้ ทีมไมโครซอฟท์จึงมีไอเดียว่า ถ้าเราเปลี่ยนมาสร้าง UI ด้วยเทคโนโลยีเว็บพื้นฐาน (markup-first architecture) ที่ไมโครซอฟท์ตั้งชื่อว่า "WebUI 2.0" น่าจะทำได้เร็วขึ้น

By mk Founder on Tag: React, Development, Open Source
React

Meta ประกาศยกเลิก Create React App ตัวช่วยเตรียมคอนฟิกสำหรับเขียนแอพ React ด้วยเหตุผลว่ามีข้อจำกัดทางเทคนิคหลายอย่าง ที่ทำให้ยากต่อการดูแล

การเริ่มเขียนแอพด้วย React จำเป็นต้องเตรียมเครื่องมือพื้นฐานหลายอย่าง เช่น JSX, linting, hot reloading ทำให้นักพัฒนาหน้าใหม่เริ่มต้นได้ยาก ในปี 2016 ทางทีม Meta จึงสร้าง Create React App ขึ้นมาเพื่อรวมเครื่องมือทุกอย่างไว้ด้วยกันเป็นก้อนเดียว

By lew Founder on Tag: React, Programming
React

React เฟรมเวิร์ตพัฒนาเว็บ front-end ออกเวอร์ชั่น 19 โดยเพิ่มฟีเจอร์ใหม่ๆ ด้านการจัดการฟอร์มหลายตัว ทำให้โค้ดจัดการเมื่อผู้ใช้ submit ข้อมูลทำได้ง่ายขึ้น

By mk Founder on Tag: React, JavaScript, Meta, Programming
React

Meta เปิดตัว React Compiler โครงการทดลองของ React ที่ช่วยปรับแต่งประสิทธิภาพของแอพให้ดีขึ้น ลดจำนวนคอมโพเนนต์จะถูกเรนเดอร์ใหม่ให้เหลือน้อยที่สุด เมื่อเกิดการเปลี่ยนสถานะขึ้นมา

ชื่อของ React Compiler อาจชวนงงๆ อยู่บ้าง เพราะ React เขียนด้วย JavaScript ที่เป็นภาษาแบบ interpreter แต่จริงๆ แล้ว React Compiler ทำหน้าที่เข้ามาอ่านโค้ดของเราเพื่อช่วยปรับแต่งประสิทธิภาพของโค้ดให้อัตโนมัติ ช่วยทำงานด้านแคช (memoization) ที่ก่อนหน้านี้โปรแกรมเมอร์ต้องทำเอง เช่น useMemo, useCallback, React.memo

By mk Founder on Tag: Fire OS, Fire TV, Amazon, Rust, React, Operating System
Fire OS

จากที่มีข่าวว่า Amazon กำลังทำระบบปฏิบัติการตัวใหม่โค้ดเนม Vega มาใช้แทน Fire OS และเริ่มใช้กับหน้าจออัจฉริยะ Echo Show 5 แล้ว

ฝั่งของ Amazon ไม่เคยแถลงใดๆ ในเรื่องนี้ แต่ล่าสุดมีข้อมูลอย่างเป็นทางการชิ้นแรกบนเว็บไซต์ Amazon (แม้ไม่ตั้งใจ) นั่นคือประกาศรับสมัครงานตำแหน่ง Software Development Engineer, Fire TV Experience ประจำที่สาขาเบอร์ลิน

By lew Founder on Tag: Vercel, ChatGPT, Programming, React, Svelte
Vercel

Vercel ผู้พัฒนาเฟรมเวิร์ค Next.js เปิดตัว Vercel AI SDK ชุดพัฒนาสำหรับการสร้างเว็บแบบเดียวกับ ChatGPT ของ OpenAI สามารถใช้งานได้กับ React และ Svelte

ภายใน SDK มีสองส่วนประกอบหลัก ส่วนแรกคือ LLM Adapters เปิดทางให้เชื่อมกับ API ของผู้ให้บริการปัญญาประดิษฐ์เจ้าต่างๆ ได้ง่ายขึ้น ตอนนี้รองรับ OpenAI, LangChain, Anthropic, และ Hugging Face

ส่วนที่สองคือการสตรีมข้อมูลที่ได้จาก API แบบเดียวกับที่เราใช้ ChatGPT แล้วคำตอบค่อยๆ ตอบขึ้นมา นอกจากค่อยๆ ส่งคำตอบไปยังเว็บแล้ว ยังมี API สำหรับการเซฟคำตอบสุดท้ายในกรณีที่ต้องการเซฟคำตอบลงฐานข้อมูล

By mk Founder on Tag: Microsoft Teams, React, Development, Microsoft, Web Application, Angular, Electron
Microsoft Teams

ไมโครซอฟท์เขียนบล็อกอธิบายเบื้องหลังการแก้ปัญหาระดับโลก (ระดับผู้ใช้ 250 ล้านคนต่อเดือน) เปลี่ยนสถาปัตยกรรมเบื้องหลัง Microsoft Teams บนวินโดวส์เป็นตัวใหม่ที่ดีขึ้น เร็วขึ้น กินแรมน้อยลง

By lew Founder on Tag: Python, React
Python

Pynecone เป็นสตาร์ตอัพในเครือ YCombinator เปิดโครงการโอเพนซอร์สชื่อเดียวกับชื่อบริษัท โดยชูจุดขายว่านักพัฒนาสามารถเขียนเว็บแบบ ReactJS โดยใช้ภาษาไพธอนเท่านั้น ไม่ต้องเรียนรู้จาวาสคริปต์อีกต่อไป

โค้ดที่เขียนด้วย Python จะถูกคอมไพล์กลายเป็น React/NextJS อีกทีหนึ่ง โดยตัว Pynecone นั้นมาพร้อมกับไลบรารี component ในตัว เช่น UI ปุ่มรูปแบบต่างๆ หรือการแสดงข้อมูลกราฟ ส่วนฐานข้อมูลนั้นไลบรารีใส่ SQLAlchemy มาในตัว

By lew Founder on Tag: Netlify, JavaScript, React
Netlify

Netlify ผู้ให้บริการคลาวด์สำหรับพัฒนาเว็บเป็นหลักประกาศเข้าซื้อบริษัท Gatsby ผู้พัฒนาเฟรมเวิร์คโอเพนซอร์สชื่อดังมักใช้พัฒนาเว็บแบบ static หรือใช้เชื่อมโหลดข้อมูลจาก CMS ตัวอื่นๆ อีกที

ตัว Gatsby นั้นแม้จะใช้รันที่ไหนก็ได้แต่ก็มีบริการคลาวด์ของตัวเองอยู่ก่อนแล้ว ทำให้ทับซ้อนกันบ้าง ส่วนตัว Netify นั้นให้บริการคลาวด์ที่ทำงานร่วมกับเฟรมเวิร์คยอดนิยมต่างๆ ได้

ทาง Gatsby ยืนยันว่าทีมงานจะยังพัฒนา Gatsby เป็นโอเพนซอร์สต่อไป ส่วนบริการคลาวด์ต่างๆ จะกลายเป็นส่วนหนึ่งของบริการคลาวด์ของ Netlify

By lew Founder on Tag: AWS, AWS Amplify, React
AWS

AWS เพิ่มฟีเจอร์ให้ Amplify Studio ตัวพัฒนาแอปพลิเคชั่นบน AWS ให้สามารถสร้าง React component จากไฟล์ JSON ออกมาเป็นฟอร์มไปใช้งานได้ทันที

ก่อนหน้านี้ Amplify Studio รองรับการแปลงดีไซน์จาก Figma มาเป็นโค้ด React อยู่แล้ว แต่ในรอบนี้ผู้ใช้สามารถกำหนดข้อมูลที่อยากได้เป็น JSON แล้วให้ Amplify สร้างฟอร์มได้เลย ทำให้สามารถใช้รับข้อมูลในแอปได้ง่ายขึ้น

By lew Founder on Tag: Vercel, React, Next.js, Rust
Vercel

Vercel ผู้สร้าง Next.js เปิดตัวโครงการ Turbopack ระบบรวมทรัพยากรที่เกี่ยวข้อง (bundler) ทำให้การใช้งานบน front end เพื่อทดแทนโครงการ Webpack ที่ได้รับความนิยมอย่างสูงในตอนนี้

Turbopack เขียนด้วย Rust และทำงานที่ประสิทธิภาพระดับเนทีฟ โดยโครงการแสดงประสิทธิภาพการรันจากเริ่มต้น (cold start) ใน Next.js 13 ที่ใช้ Turbopack สามารถรันได้ภายในเวลาต่ำกว่า 1 วินาที ขณะที่ Next.js 12 ต้องใช้เวลาถึง 3.4 วินาทีเมื่อมี React Component ประมาณ 1,000 รายการ

By arjin Writer on Tag: Discord, Android, React
Discord

Discord ประกาศปรับปรุงแอปเวอร์ชันบน Android ครั้งใหญ่ โดยเปลี่ยนมาพัฒนาบน React Native ทำให้การปล่อยฟีเจอร์ใหม่ต่าง ๆ ผู้ใช้บน Android จะได้รับอัพเดตไปพร้อมกับเดสก์ทอปและ iOS จากก่อนหน้านี้ Discord ใช้คำว่า Android จะได้อัพเดตไม่กี่สัปดาห์หลังจากนั้น มาตลอด

นอกจากนี้ Discord ยังบอกว่าในแง่ดีไซน์จะไม่เปลี่ยนไปมากสำหรับ Android แต่องค์ประกอบหลักในแอป จะเหมือนกันมากขึ้นระหว่าง เดสก์ทอป, iOS และ Android ซึ่งผู้ใช้งานสามารถเลือกกำหนดได้ในการตั้งค่า

การเปลี่ยนแปลงของ Discord บน Android จะมีผลกับผู้ใช้งานในไม่กี่สัปดาห์ข้างหน้า

By lew Founder on Tag: AWS, React, Figma
AWS

AWS เปิดบริการ Amplify Studio ที่เปิดตัวในงาน Re:Invent เมื่อปีที่แล้วต่อสาธารณะอย่างเป็นทางการ บริการนี้คือซอฟต์แวร์ออกแบบหน้าจอแอปและเว็บที่มีฟีเจอร์สำคัญคือการเชื่อมต่อกับ Figma

By mk Founder on Tag: React, JavaScript, Development
React

React ออกเวอร์ชัน 18.0 ถือเป็นการออกเวอร์ชันใหญ่ครั้งแรกนับจาก React 17.0 ในปี 2020 ที่ไร้ฟีเจอร์ใหม่ รอบนี้จึงมีฟีเจอร์ใหญ่สะสมมาออกทีเดียวหลายอย่าง

ฟีเจอร์สำคัญที่สุดคือ Concurrent React เป็นการเปิดให้มี UI หลายเวอร์ชันในเวลาเดียวกัน (concurrency) โดย Concurrent React เป็นการปรับกลไกภายในของ React เองให้รองรับฟีเจอร์ใหม่สาย concurrency ต่างๆ ซึ่งนักพัฒนาสามารถเลือกใช้ได้แบบ opt-in

ทีมพัฒนา React บอกว่าในระยะใกล้ นักพัฒนาแอพจะเลือกใช้ Concurrent หรือไม่ก็ได้ แต่ในระยะยาวแล้ว หลายส่วนใน React จะมุ่งไปทาง Concurrent มากขึ้น

By mk Founder on Tag: AWS Amplify, AWS, Figma, Development, React, User Interface
AWS Amplify

AWS Amplify เป็นบริการ backend สำหรับเว็บแอพและแอพมือถือ (ลักษณะเดียวกับ Firebase) ที่ช่วยจัดการระบบล็อกอิน, การเก็บข้อมูลแอพ (DataStore/Storage), การแจ้งเตือน-ส่งข้อความ (push notification/PubSub)

ในงาน AWS re:Invent 2021 รอบล่าสุด Amazon เปิดตัว AWS Amplify Studio ซึ่งเป็นอินเทอร์เฟซแบบวิชวลสำหรับจัดการ UI แบบลากแล้ววาง ไม่ต้องเขียนโค้ด เท่านั้นยังไม่พอ Amplify Studio ยังรองรับการแปลงดีไซน์จากโปรแกรมออกแบบยอดนิยม Figma มาเป็นโค้ด React UI เพื่อนำไปใช้ต่อบนเว็บ-แอพให้อัตโนมัติด้วย

By lew Founder on Tag: Next.js, React, JavaScript
Next.js

โครงการ Next.js เฟรมเวิร์คสำหรับการพัฒนาเว็บ ReactJS แบบ sever-side rendering (SSR) โดยมีฟีเจอร์สำคัญ ได้แก่

By lew Founder on Tag: AWS, React
AWS

AWS ปล่อยไลบรารี AWS UI ที่เป็นชุด React component สำหรับการพัฒนาเว็บแอปพลิเคชั่น เพื่อมาทำอินเทอร์เฟซกับโครงการ Porting Assistant for .NET ที่ AWS โอเพนซอร์สออกมาตั้งแต่เดือนตุลาคมปีที่แล้ว แม้ตัวโครงการจะเขียนด้วย C# แต่ทาง AWS ก็สร้างอินเทอร์เฟซด้วย Electron ร่วมกับ React

Subscribe to React