สิ่งตีพิมพ์ในหัวข้อ '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 จากนั้นเลือกโหมด แนวตั้ง :..