สิ่งตีพิมพ์ในหัวข้อ 'reactjs'


ดาวตกเบลซ vs ดาวตกปฏิกิริยา
การเปรียบเทียบง่ายๆ ผมขอเริ่มด้วยการบอกว่าผมไม่ใช่ผู้เชี่ยวชาญเรื่อง Meteor ฉันเรียนรู้มากขึ้นอย่างต่อเนื่องทุกวัน จุดประสงค์ของบทความนี้คือการเปรียบเทียบ React และ Blaze อย่างง่ายๆ ในบริบทของเฟรมเวิร์ก Meteor ฉันจะทำเช่นนั้นโดยสร้างส่วนประกอบที่เทียบเคียงได้ซึ่งให้ผลลัพธ์ที่เหมือนกัน สำหรับ React ฉันจะถือว่าฉันกำลังทำงานใน Meteor 1.3 มาเริ่มกันเลย นี่คือเทมเพลต Blaze: <!-- contents of sample-template.html --> <template name="sampleTemplate"> <div..

การควบคุมพลังแห่งการตอบสนอง: การเดินทางของนักพัฒนา
บทนำ ในฐานะนักพัฒนาที่มีความกระตือรือร้น เรามักจะมองหาสิ่งที่ยิ่งใหญ่ต่อไปในด้านเทคโนโลยีอยู่เสมอ สำหรับฉัน นั่นมาในรูปแบบของ React ซึ่งเป็นไลบรารี JavaScript ปฏิวัติวงการที่เปลี่ยนวิธีที่เราสร้างอินเทอร์เฟซผู้ใช้ไปอย่างสิ้นเชิง ในบล็อกโพสต์นี้ ฉันต้องการแบ่งปันข้อมูลเชิงลึกและประสบการณ์ของฉันกับ React โดยเน้นถึงศักยภาพอันมหาศาลของมันและวิธีที่สิ่งนี้กำหนดทิศทางอาชีพของฉันในฐานะนักพัฒนา การเปิดรับเส้นโค้งการเรียนรู้ เมื่อเริ่มเข้าสู่ React เป็นครั้งแรก..

useClickOutside Hook ใน React
ตอบสนองตะขอ useClickOutside ขอเกี่ยวในการตอบสนอง ในบทช่วยสอนนี้ เราจะสร้าง useClickOutside hook แบบกำหนดเองใน React ที่ให้คุณตรวจจับการคลิกภายนอกองค์ประกอบเฉพาะ และเรียกใช้ฟังก์ชันโทรกลับเมื่อมันเกิดขึ้น สิ่งนี้อาจมีประโยชน์ในสถานการณ์ที่คุณต้องการซ่อนหรือปิดหน้าต่างป๊อปอัป ดรอปดาวน์ หรือหน้าต่างโมดอลเมื่อผู้ใช้คลิกภายนอก Hook ใน React คืออะไร? Hooks เป็นส่วนเสริมใหม่ของ React 16.8 ที่ให้คุณใช้สถานะและฟีเจอร์ React อื่นๆ ได้โดยไม่ต้องเขียนคลาส Hooks คือฟังก์ชันที่ให้คุณ..

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

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

ความแตกต่างระหว่าง AngularJS และ ReactJS
โดย Paula Clapon ผู้จัดการฝ่ายบุคคล @ Thinslices React.JS หรือ Angular.JS สำหรับการพัฒนาส่วนหน้า? นั่นคือคำถาม. ทั้งสองได้รับความนิยมอย่างมากและใช้กันอย่างแพร่หลายในหมู่นักพัฒนาทั่วโลก แต่อะไรคือความแตกต่างที่สำคัญระหว่าง Angular.JS และ React.JS? ความแตกต่างที่ใหญ่ที่สุดระหว่างทั้งสองคือ React.JS เป็นไลบรารีและไม่ใช่เฟรมเวิร์กในตัว ลองจินตนาการว่ามันเหมือนกับห้องสมุดจริงๆ: สถานที่ขนาดใหญ่ที่มีหนังสือดีๆ หรือที่เรียกว่า "ชิ้นส่วนการเขียนโค้ด" ในการพัฒนาซอฟต์แวร์..

การควบคุมการวางแนวการพิมพ์ใน React
เรามาพิจารณากรณีปฏิบัติกันก่อน คุณกำลังพัฒนา Single Page App โดยใช้ React (และอาจจะเป็น Redux) คุณต้อง พิมพ์เอกสารบางส่วน การทำเช่นนั้นเป็นเรื่องง่าย คุณแสดงเพจแล้วให้ผู้ใช้กด CTRL และ P เอาล่ะ . พิมพ์หน้าแล้ว ปัญหาอยู่ที่ไหน? สมมติว่าคุณต้องการ (ควร) พิมพ์เอกสาร 2 ฉบับใน การวางแนวที่แตกต่างกัน หนึ่งในนั้นจะเป็นแนวตั้งและอีกแนวนอน แนวทางไร้เดียงสา กลับไปที่ตัวอย่างของเรา โดยใช้ Chrome 56.0 ไปที่ เอกสารแรก ที่มีเอกสาร กด CTRL + P จากนั้นเลือกโหมด แนวตั้ง :..