Frontend Academy · บทเรียน

วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR

ให้ความคิดเห็นในการรีวิวโค้ดที่สร้างสรรค์และให้เกียรติ เขียน PR ที่รีวิวได้ง่าย และใช้การรีวิวเป็นเครื่องมือแบ่งปันความรู้ ไม่ใช่เครื่องมือกีดกัน

บทเรียน 2 จาก 417 ขั้นตอน

วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR เป็นบทเรียน Frontend Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Frontend Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Frontend Academy มีบทเรียนทั้งหมด 4 บทเรียน

การทบทวนโค้ดคือการแบ่งปันความรู้

การทบทวนโค้ดไม่ใช่การตั้งด่าน แต่เป็นวิธีที่ทีมเรียนรู้ร่วมกัน ถ่ายทอดความรับผิดชอบ และรักษาคุณภาพให้สูงอยู่เสมอ วัฒนธรรมการทบทวนที่ดีช่วยยกระดับทั้งทีม ส่วนวัฒนธรรมที่ไม่ดีจะสร้างคอขวดและความขุ่นเคือง

การเขียน PR ที่ตรวจทานได้

1) ทำให้เล็ก (ถ้าเป็นไปได้ควรมีไม่เกิน 400 บรรทัด) 2) เขียนคำอธิบายให้ชัดเจน: เหตุผล สิ่งที่เปลี่ยน และวิธีทดสอบ 3) เชื่อมโยงตั๋วงาน 4) เพิ่มภาพหน้าจอหรือวิดีโอสำหรับการเปลี่ยนแปลงส่วนติดต่อผู้ใช้ 5) ทบทวนส่วนต่างของตนเองก่อนขอให้ผู้อื่นทบทวน

ชื่อ PR ตามแบบแผน

ใช้คำนำหน้าตามแบบแผนเดียวกับคอมมิต: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component หลายทีมสร้างบันทึกการเปลี่ยนแปลงจากข้อมูลเหล่านี้

แม่แบบคำอธิบาย PR

ทีมส่วนใหญ่ใช้แม่แบบ PR — ติดตั้งไว้ที่ .github/pull_request_template.md

## What
Brief description of the change.

## Why
Problem this solves / business value.

## How
Key design decisions, tradeoffs considered.

## Screenshots
(For UI changes)

## Testing
- [ ] Unit tests added/updated
- [ ] Manual QA done on iOS/Android/web
- [ ] No console errors

Closes #1234

ทบทวนงานของตนเองก่อน

ก่อนขอให้ผู้อื่นทบทวน ให้ไล่ดูส่วนต่างของตนเองทีละบรรทัด เพิ่มความคิดเห็นเพื่ออธิบายการเลือกที่ไม่ชัดเจนในทันที หลายครั้งคุณจะพบข้อบกพร่องของตนเองก่อนที่คนอื่นจะต้องมาพบ

การแยกการเปลี่ยนแปลงขนาดใหญ่

PR ที่มี 2,000 บรรทัดแทบไม่เคยได้รับการทบทวนอย่างละเอียด ควรแยกเป็น: 1) การปรับโครงสร้าง (ไม่เปลี่ยนพฤติกรรม) 2) พฤติกรรมใหม่ 3) การขัดเกลาส่วนติดต่อผู้ใช้ แต่ละส่วนจะทบทวนและย้อนกลับได้ง่ายกว่า

การให้ข้อเสนอแนะเชิงสร้างสรรค์

เขียนในรูปคำถาม ไม่ใช่คำสั่ง: ‘คุณคิดอย่างไรกับการแยกส่วนนี้เป็นฮุก’ ดีกว่า ‘แยกส่วนนี้’ แยกสิ่งที่ต้องแก้ไขออกจากสิ่งที่มีก็ดีไม่มีก็ได้ ใช้คำนำหน้า: nit:, question:, blocker:

ระบุให้ชัดเจน

‘สิ่งนี้ชวนสับสน’ ไม่ได้บอกอะไรแก่ผู้เขียนเลย แต่ ‘ผมต้องอ่านส่วนนี้ถึง 3 ครั้งจึงเข้าใจการคืนค่าก่อนกำหนด เราแยกเป็นประโยคตรวจสอบเงื่อนไขได้ไหม’ จะให้แนวทางที่นำไปปฏิบัติได้

ชื่นชมรูปแบบการเขียนที่ดี

แสดงความคิดเห็นเชิงบวกต่อวิธีแก้ปัญหาที่ชาญฉลาด การตั้งชื่อที่ดี และการทดสอบที่เป็นประโยชน์ สิ่งนี้จะส่งเสริมรูปแบบเหล่านั้นและช่วยให้ข้อเสนอแนะส่วนที่เหลือฟังนุ่มนวลขึ้น PR ที่ได้รับแต่คำวิจารณ์จะให้ความรู้สึกเหมือนการเผชิญหน้ากัน

อย่าทบทวนรูปแบบ — ให้เครื่องมือจัดการ

Prettier จัดการการจัดรูปแบบ ส่วน ESLint จัดการรูปแบบการเขียน อย่าเสียรอบการทบทวนไปกับเรื่องแท็บกับช่องว่าง หากกฎรูปแบบใดถูกหยิบยกขึ้นมาซ้ำ ๆ ให้กำหนดกฎนั้นไว้ในเครื่องมือตรวจสอบรูปแบบ

ทบทวนการทดสอบ

การทดสอบก็เป็นโค้ดเช่นกัน ตรวจสอบให้แน่ใจว่าโค้ดใหม่มีการทดสอบ ตรวจสอบด้วยว่าการทดสอบกำลังตรวจสิ่งที่ถูกต้องจริงหรือไม่ — การทดสอบจำนวนมากผ่านได้แม้โค้ดจะเสีย เพราะตรวจยืนยันผิดสิ่ง

ทบทวนในฐานะผู้เขียน

ตอบทุกความคิดเห็น แม้จะตอบเพียงอีโมจิยกนิ้วโป้งก็ตาม โต้แย้งข้อเสนอแนะที่คุณไม่เห็นด้วยได้ (คุณเป็นคนเขียนโค้ด จึงอาจมีบริบทที่อีกฝ่ายไม่ทราบ) ทำเครื่องหมายชุดข้อความที่แก้ไขแล้วว่าแก้ไขเสร็จ อัปเดตคำอธิบาย PR หากขอบเขตเปลี่ยนแปลง

กำหนดเวลาให้การทบทวน

ทบทวนภายในหนึ่งวันทำการ PR ที่ค้างนานจะสูญเสียบริบท — ผู้เขียนไปทำงานต่อแล้ว และสาขาอาจต้องรีเบส PR ขนาดใหญ่ที่ค้างอยู่เป็นสัปดาห์มักกลายเป็นงานผสานที่ยุ่งยากเสมอ

ใช้คำแนะนำ (บล็อกโค้ด) ใน GitHub

ฟีเจอร์คำแนะนำของ GitHub ช่วยให้ผู้เขียนยอมรับการแก้ไขได้ด้วยการคลิกเพียงครั้งเดียว เร็วกว่าการเขียนเป็นข้อความว่า ‘เปลี่ยนบรรทัดนี้เป็น X’ มาก

```suggestion
const total = items.reduce((sum, item) => sum + item.price, 0);
```

# Author clicks 'Commit suggestion' to apply.

รู้ว่าเมื่อใดควรอนุมัติ

อนุมัติเมื่อ: โค้ดถูกต้อง การทดสอบผ่าน คุณเข้าใจการเปลี่ยนแปลง และปลอดภัยที่จะผสาน การอนุมัติหมายความว่าคุณร่วมรับผิดชอบผลลัพธ์ อย่าอนุมัติส่ง ๆ — หากคุณยังไม่ได้อ่าน ก็บอกตามนั้น

ตรวจสอบอย่างรวดเร็ว

เมื่อให้ข้อเสนอแนะในการทบทวนโค้ดเกี่ยวกับสิ่งที่คุณจะเขียนแตกต่างออกไป คุณควรมีทัศนคติอย่างไร

สรุป: แนวปฏิบัติที่ดีสำหรับ PR

ผู้เขียน: ทำ PR ให้เล็ก อธิบายให้ดี พร้อมภาพหน้าจอและการทดสอบ ทบทวนงานของตนเองก่อน ผู้ทบทวน: ให้ข้อเสนอแนะเชิงสร้างสรรค์ในรูปคำถาม แยกสิ่งที่ขัดขวางการผสานออกจากข้อสังเกตเล็กน้อย ชื่นชมสิ่งที่ทำได้ดี ข้ามเรื่องรูปแบบไป — ให้เครื่องมือจัดการ ทบทวนภายในหนึ่งวัน อนุมัติเฉพาะเมื่อเข้าใจการเปลี่ยนแปลง แม่แบบ PR ทำให้กระบวนการเป็นมาตรฐาน การทบทวนคือการร่วมมือกัน ไม่ใช่การตั้งด่าน

เริ่มต้นได้ฟรี

เรียนรู้ HTML ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
41
บทเรียน
163

คำถามที่พบบ่อย

บทเรียน “วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Frontend Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Frontend Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR”

ให้ความคิดเห็นในการรีวิวโค้ดที่สร้างสรรค์และให้เกียรติ เขียน PR ที่รีวิวได้ง่าย และใช้การรีวิวเป็นเครื่องมือแบ่งปันความรู้ ไม่ใช่เครื่องมือกีดกัน คุณปฏิบัติ Frontend Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Frontend Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Frontend Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Frontend Academy นี้ได้ไหม

ได้ บทเรียน Frontend Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. การสัมภาษณ์การออกแบบระบบฟรอนต์เอนด์
  2. วัฒนธรรมการรีวิวโค้ดและแนวปฏิบัติที่ดีของ PR
  3. การให้คำปรึกษาและเอกสารทางเทคนิค
  4. ติดตามความรู้ใหม่: อ่านข้อกำหนดและข้อเสนอ
← กลับไปที่ Frontend Academy