เรโป (repo) นี้ประกอบไปด้วยซอร์สโค้ด (source code) และเอกสารสำหรับ reactjs.org.
- Git <<<<<<< HEAD
- Node: เวอร์ชั่น 8.x โดยเริ่มต้นที่ 8.4.0 หรือเวอร์ชั่นที่ใหม่กว่า
- Yarn: ดู เว็บไซต์ Yarn: คำแนะนำสำหรับการติดตั้ง
- เรโป (repo) ที่ fork แล้ว (สำหรับผู้ที่เข้าร่วมโครงการ)
- clone ของ reactjs.org repo บนเครื่องของคุณ =======
- Node: any 12.x version starting with v12.0.0 or greater
- Yarn: See Yarn website for installation instructions
- A fork of the repo (for any contributions)
- A clone of the reactjs.org repo on your local machine
7e4f503d86bee08b88eed77a6c9d06077863a27c
cd reactjs.orgเพื่อเข้าไปในรูทโปรเจ็กต์yarnเพื่อติดตั้ง npm ดีเพนเดนซี (npm dependencie) ของเว็บไซต์
yarn devเพื่อที่จะเริ่มต้นฮอทรีโหลดดิ้ง (hot-reloading) เซิฟเวอร์ที่กำลังพัฒนาอยู่ (สนับสนุนโดย Gatsby)open http://localhost:8000เพื่อเปิดเว็บไซต์ในบราวเซอร์ใดก็ได้ที่คุณชอบ
เอกสารแบ่งออกเป็นหลายส่วนด้วยลักษณะและวัตถุประสงค์ที่แตกต่างกัน หากคุณวางแผนที่จะเขียนมากกว่าสองสามประโยค คุณอาจพบว่าการทำความคุ้นเคยกับ แนวทางการสนับสนุน นั้นเป็นประโยชน์สำหรับแต่ละส่วน
git checkout masterในโฟลเดอร์ของเรโป (repository)reactjs.orgบนเครื่องของคุณgit pull origin masterเพื่อให้มั่นใจว่าคุณมีโค้ดหลัก (main code) อันล่าสุดgit checkout -b the-name-of-my-branch(แทนที่the-name-of-my-branchด้วยชื่อที่เหมาะสม) เพื่อที่จะสร้าง branch
- ทำตามขั้นตอน "การทำงานในเครื่อง"
- เซฟไฟล์และตรวจสอบบนบราวเซอร์
- แก้ไขหรือเปลี่ยนแปลง React components ใน
srcจะทำให้ฮอทรีโหลด (hot-reload) - แก้ไขหรือเปลี่ยนแปลงไฟล์มาร์กดาวน์ (markdown) ใน
contentจะทำให้ฮอทรีโหลด (hot-reload) - ถ้าหากทำงานกับปลั๊กอิน (plugin), คุณอาจจำเป็นต้องลบ
.cacheไดเรกทอรี (directory) และรีสตาร์ทเซิร์ฟเวอร์
- หากเป็นไปได้, ทดสอบการเปลี่ยนแปลงที่มองเห็นได้ด้วยตาในเบราว์เซอร์ทั่วไปที่เป็นเวอร์ชันล่าสุด ทั้งบนเดสก์ท็อปและมือถือ
- รัน
yarn check-allในรูทโปรเจค (นี่จะทำให้รัน Prettier, ESLint, และ Flow)
git add -A && git commit -m "My message"(แทนที่My messageด้วยข้อความที่จะคอมมิท เช่นFix header logo on Android) เพื่อสเตทและคอมมิทสิ่งที่คุณเปลี่ยนแปลงgit push my-fork-name the-name-of-my-branch- ไปที่ reactjs.org repo และคุณควรจะเห็น branch ล่าสุดที่คุณ push
- ทำตามคำแนะนำของ GitHub
- หากเป็นไปได้, เพิ่มภาพสกรีนชอต (screenshot) ของการเปลี่ยนแปลงที่มองเห็นได้ Netlify build จะถูกสร้างโดยอัตโนมัติเมื่อคุณสร้าง PR เพื่อให้คนอื่นเห็นการเปลี่ยนแปลงที่คุณทำ
ถ้าคุณสนใจในการแปล reactjs.org, ดูการแปลปัจจุบันได้ที่ isreacttranslatedyet.com
หากภาษาของคุณไม่มีการแปลและคุณต้องการที่จะสร้าง โปรดทำตามคำแนะนำที่ reactjs.org Translations
yarn resetเพื่อล้างแคชในเครื่อง
เนื้อหาที่ส่งไปยัง reactjs.org ได้รับใบอนุญาต CC-BY-4.0 ตามที่พบในไฟล์ LICENSE-DOCS.md