5 แนวทางปฏิบัติที่ดีที่สุดสำหรับการตอบโต้การพัฒนาของชนพื้นเมืองที่คุณอาจไม่รู้

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

1. การแก้ปัญหาไดเรกทอรีด้วย package.json ในทุก ๆ ไดเรกทอรี (ใช้ได้กับ javascript ใด ๆ ที่อยู่ข้างๆ

นี่คือเคล็ดลับแรกบางทีคุณอาจใช้ IDE หรืออะไรก็ตามที่คุณใช้ในการเขียนรหัสและบางทีคุณอาจใช้โครงสร้างโฟลเดอร์อื่น ทุกครั้งที่คุณนำเข้าส่วนประกอบจากไดเรกทอรีอื่นคุณจะใช้ไวยากรณ์นี้:

นำเข้า TextComponent จาก "../ComponentFolder/TextComponent"

หรืออาจจะ

นำเข้า TextComponent จาก "../../ComponentFolder/TextComponent"

หรืออาจจะไม่ยอมใครง่ายๆมากขึ้น

นำเข้า TextComponent จาก "../../../../ComponentFolder/TextComponent"

และอื่น ๆ

ดังนั้นนี่คือเคล็ดลับที่จะลืมการเขียนที่เกิดซ้ำ ..

ก่อนอื่นให้สร้าง package.json ในทุกไดเรกทอรีรากของสิ่งที่คุณต้องการนำเข้าในตัวอย่างนี้คือโฟลเดอร์ส่วนประกอบ

package.json สำหรับโฟลเดอร์ส่วนประกอบ

ขั้นที่สองลองนำเข้าส่วนประกอบจากไฟล์อื่น

ดูเรียบร้อยใช่มั้ย

PS: คุณสามารถใช้การทำดัชนีส่วนประกอบเพื่อการนำเข้าที่ดีขึ้น

voila! นี่คือความแตกต่าง! ดูเรียบร้อยสำหรับฉัน!

2. ใช้ผู้ประกอบการที่ประกอบไปด้วยเมื่อจำเป็นไม่ใช่ทุกเวลา

การใช้ผู้ประกอบการที่ประกอบไปด้วยไตรภาคอาจดูเจ๋งกว่า devs อื่น ๆ ที่ใช้ ol ol ที่ดีหากมีคำอื่นหรือสลับคำสั่ง ดูตัวอย่างเหล่านี้:

// ตัวอย่างที่ยอดเยี่ยม
ข้อมูล const = null;
const derpData = data? 'Im not null': 'Hello, I'm null';
// ตัวอย่างอื่น
const anotherData = null;
const anotherDerpData = data? AnotherData? 'anotherData และ Data ไม่ใช่ Null': 'anotherData เป็นโมฆะ แต่ Data ไม่ใช่': 'Hello, data เป็นโมฆะ';
// โอ้ sh * t นั้นอ่านได้เหรอ?

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

3. ล็อคการพึ่งพาป้องกันการเปลี่ยนแปลงที่ทำลาย

เมื่อคุณเพิ่มการอ้างอิงที่มากขึ้นเรื่อย ๆ โปรดล็อคเวอร์ชัน โปรดระวังการเปลี่ยนแปลงที่ไม่คาดคิด JavaScript โดยเฉพาะฉากไลบรารี JavaScript กำลังดำเนินไปอย่างรวดเร็ว

แทนที่จะทำสิ่งนี้ทำเช่นนี้

หากต้องการพูดง่ายๆให้ลบอักขระ ^ บนรูทโปรเจ็กต์ package.json

4. แก้ไขระดับโปรเจ็กต์หรือระดับแอพ build.gradle ไม่ใช่ใน node_modules

เคล็ดลับนี้เป็นพิเศษสำหรับฝั่ง Android มันส่งผ่านหัวของฉันหลังจาก google อัปเกรดปลั๊กอินฐานข้อมูลจาก 11.8 เป็น 12.0 หลายคนที่อาศัยอยู่ในพื้นเมืองตอบสนองกำลังใช้การอ้างอิงจาก Firebase / gms ล่าสุดเช่นนี้:

บวกหมายถึงล่าสุด (react-native-fcm)

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

คุณสามารถเปลี่ยนอักขระ + กับรุ่นที่รหัสของคุณทำงานก่อนภายใน node_modules และสร้างที่เก็บ git ของคุณเองเพื่อให้การเปลี่ยนแปลงเหล่านั้นพร้อมใช้งานสำหรับผู้ร่วมงานของคุณหรือผู้ดูแลโครงการในอนาคต

หรือ

คุณสามารถแก้ไข build.gradle ระดับแอปของคุณ

แก้ไข android / app / build.gradle

และบังคับให้มีการแก้ไขใน build.gradle ระดับโครงการ

แก้ไข android / build.gradle

ง่ายขึ้นใช่มั้ย และคุณสามารถผลักดันสิ่งเหล่านี้ให้กลายเป็น repo เดียว (โครงการ) และทุกคนใช้ชีวิตอย่างมีความสุขตลอดไป

5. สร้างส่วนประกอบพื้นฐานแบบคลาสแทนการใช้งานส่วนประกอบที่เรียบง่ายขึ้นสำหรับองค์ประกอบไร้สัญชาติหรือสภาวะที่เป็นรัฐคุณสามารถใช้ PureComponent

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

const Header = () => (
นี่คือส่วนหัว
);

ตำนานคือสิ่งที่ทำให้ส่วนประกอบเร็วกว่าความเร็วแสง แต่นี่คือข้อเท็จจริงที่จะหักล้างตำนานเหล่านั้น:

ต่อไปนี้เป็นตัวอย่าง PureComponent ที่เร็วขึ้นซึ่งนำมาจากเอกสารตอบโต้คุณสามารถใช้ shouldComponentUpdate () ที่ติดตั้งไว้ภายในเพื่อประสิทธิภาพที่ดีขึ้น:

แค่นั้นแหละ! ขอบคุณที่อ่าน! กรุณาปรบมือตบมือตบมือถ้าพวกคุณชอบมัน

แก้ไข: เพิ่มตัวอย่างโดยละเอียด # 1