⚡React Developer Kit

แนะนำสำหรับคนที่สนใจศึกษา React โดยเฉพาะ

React Developer คือผู้พัฒนาที่เชี่ยวชาญในการสร้าง User Interface ด้วย React รวมถึงมีความเข้าใจและสามารถใช้ Next.js ซึ่งเป็น framework สำหรับ React ที่ช่วยเพิ่มประสิทธิภาพในหลายด้าน เช่น Server-Side Rendering และการสร้าง Static Site ทำให้เว็บไซต์มีประสิทธิภาพดีขึ้น โหลดได้รวดเร็ว และ SEO-Friendly มากขึ้น

Checklist สิ่งที่ React Developer ควรรู้ เราจะแบ่ง ออกเป็น 2 ฝั่งคือ React และ Next.js ประกอบด้วย

React.js

• การใช้งาน React components (Class components และ Function components)
• Event handling และการจัดการฟังก์ชันใน component
• การจัดการ state ด้วย useState, useEffect และ hooks อื่นๆ (useReducer, useCallback, useMemo)
• การใช้งาน React Router (สำหรับ single-page applications)
• การใช้งาน Context API สำหรับ global state
• การจัดการ complex state ด้วย libraries เช่น Redux หรือ Zustand
• การใช้ custom hooks เพื่อ reuse logic
• Error boundaries สำหรับการจัดการ error ใน component

Next.js

• เข้าใจโครงสร้างไฟล์และโฟลเดอร์ของ Next.js
• พื้นฐาน App Router (page, lagout)
• หลักการของ Client Component และ Server Component
• การใช้งาน Dynamic Routing ใน Next.js
• API Routes สำหรับสร้าง backend API ภายใน Next.js
• การใช้ Middleware สำหรับการควบคุม request และ response
• การใช้งาน Image Optimization และ next/image
• การ deploy Next.js application ไปยัง Vercel, Netlify หรือแพลตฟอร์มอื่น ๆ ที่รองรับ Next.js