สิ่งตีพิมพ์ในหัวข้อ 'redux'
useReducer เป็นตัวเลือกที่ดีกว่า useState
โดย "จูโบเย จอห์นสัน"
useReducer React hook นั้นซับซ้อนและซับซ้อนเล็กน้อยในการปรับขนาดในตอนแรก ถึงกระนั้น หลังจากที่คุณเข้าใจเบ็ดนี้และวิธีการใช้งานแล้ว มันทำให้การจัดการสถานะง่ายที่สุดเท่าที่จะเป็นไปได้ โดยเฉพาะอย่างยิ่งในด้านการติดตามของสถานะส่วนต่าง ๆ ที่ใช้งานโดยใช้เบ็ด useState
ในบทความนี้ เราจะดูที่ฮุก useReducer และเหตุใดจึงเป็นตัวเลือกที่ดีกว่าสำหรับการจัดการสถานะที่ซับซ้อนใน React มากกว่าฮุก useState บทช่วยสอนนี้เหมาะสำหรับผู้เริ่มต้น และคุณต้องติดตั้ง Node.js และ..
การควบคุมการวางแนวการพิมพ์ใน React
เรามาพิจารณากรณีปฏิบัติกันก่อน
คุณกำลังพัฒนา Single Page App โดยใช้ React (และอาจจะเป็น Redux) คุณต้อง พิมพ์เอกสารบางส่วน การทำเช่นนั้นเป็นเรื่องง่าย คุณแสดงเพจแล้วให้ผู้ใช้กด CTRL และ P เอาล่ะ . พิมพ์หน้าแล้ว
ปัญหาอยู่ที่ไหน? สมมติว่าคุณต้องการ (ควร) พิมพ์เอกสาร 2 ฉบับใน การวางแนวที่แตกต่างกัน หนึ่งในนั้นจะเป็นแนวตั้งและอีกแนวนอน
แนวทางไร้เดียงสา
กลับไปที่ตัวอย่างของเรา โดยใช้ Chrome 56.0 ไปที่ เอกสารแรก ที่มีเอกสาร กด CTRL + P จากนั้นเลือกโหมด แนวตั้ง :..
เชื่อมต่อส่วนประกอบ Higher Order ด้วย React และ Redux
เมื่อเร็วๆ นี้ ฉันเริ่มใช้ React และ Redux เพื่อสร้างหนึ่งในองค์ประกอบหลักบนเว็บไซต์ Gogobot
เพื่อให้เข้าใจปัญหาได้ดีขึ้น ต่อไปนี้เป็นภาพหน้าจอของส่วนประกอบใดส่วนประกอบหนึ่งในหน้านั้น
หากไม่เข้าใจรายละเอียดขององค์ประกอบจริงๆ คุณจะเห็นว่าส่วนประกอบต่างๆ มีหลายสิ่งหลายอย่างร่วมกัน:
นับป้ายกำกับที่แสดง/ซ่อนตามจำนวนรายการที่ฉันเลือกจากตัวกรอง ดรอปดาวน์ที่เปิดขึ้นเมื่อคลิกที่ไอคอน เมื่อคลิกแล้ว จะส่งเหตุการณ์ (การกระทำ) และขอข้อมูลจาก เมื่อคลิกแล้ว ระบบจะส่งเหตุการณ์ (การกระทำ)..
เหตุใดจึงใช้วัตถุที่ไม่เปลี่ยนรูปใน Redux
Redux เป็นไลบรารีการจัดการสถานะในส่วนส่วนหน้าของเว็บแอปพลิเคชัน สถานะของแอปพลิเคชันทั้งหมดจะถูกจัดเก็บไว้ในวัตถุเดียวที่เรียกว่า ร้านค้า
ในเกม Redux สิ่งที่เรียกว่า วัตถุที่ไม่เปลี่ยนรูป คือสิ่งสำคัญ
วัตถุที่ไม่เปลี่ยนรูปคืออะไร
ในวิทยาการคอมพิวเตอร์ วัตถุที่ไม่เปลี่ยนรูปคือวัตถุที่ไม่สามารถแก้ไขสถานะได้หลังจากที่ถูกสร้างขึ้นแล้ว กล่าวอีกนัยหนึ่ง เมื่อวัตถุที่ไม่เปลี่ยนรูปถูกสร้างขึ้น ค่าของมันจะไม่สามารถเปลี่ยนแปลงได้..
React-Redux และรูปแบบผู้ให้บริการ
มีการเขียนมากมายเกี่ยวกับปฏิกิริยาและรีดักซ์และการไหลของข้อมูลทิศทางเดียวและวิธีที่คุณสามารถรวมสิ่งเหล่านี้เพื่อสร้างยูนิคอร์นผายลมสีรุ้งจากแอปหน้าเดียวของคุณ ในโพสต์นี้ Imma พูดถึงรูปแบบของผู้ให้บริการที่ใช้โดย React-Redux (และ MobX และ Apollo และเฟรมเวิร์กอื่น ๆ ในอนาคต)
ภาษาและเฟรมเวิร์กการเขียนโปรแกรมที่แตกต่างกันมีการใช้งานที่แตกต่างกันไปตามรูปแบบของผู้ให้บริการ ฉันจะเขียนเกี่ยวกับรูปแบบของผู้ให้บริการในโลกแห่งการตอบสนอง
ก่อนที่เราจะเรียนรู้เพิ่มเติมเกี่ยวกับรูปแบบของผู้ให้บริการ..
ข้อมูลเบื้องต้นเกี่ยวกับแอปพลิเคชันเชิงรับ
tl:ดร; เพียงใช้สิ่งนี้ https://learnredux.com/
ทำไมล่ะ?
แอปพลิเคชั่นที่มีปฏิกิริยาโต้ตอบได้กลายเป็นกระแสความนิยมในพื้นที่ส่วนหน้าเมื่อเร็ว ๆ นี้ บริษัทต่างๆ เช่น Google, Facebook และ PayPal ได้นำแนวคิดนี้ไปใช้อย่างแพร่หลาย และได้ผลักดันไปสู่ส่วนหน้าที่ใช้ส่วนประกอบที่มีข้อมูลเข้มข้น
ความสามารถในการนำส่วนประกอบและนำกลับมาใช้ใหม่ได้อย่างง่ายดายจากที่อื่นนั้นเป็นเรื่องธรรมดาในโลกของแบ็กเอนด์ที่เน้นโมดูลมานานหลายทศวรรษ และตอนนี้ต้องขอบคุณเครื่องมืออย่าง Webpack, React, Angular และ..
วิธีสร้างแอป React ด้วย RTK-QUERY
ปรับปรุงชั้นบริการของคุณในโปรเจ็กต์ชุดเครื่องมือ Redux
วิธีสร้างแอป React ด้วย RTK-QUERY
คู่มือสำหรับผู้เริ่มต้นในการเขียนแบบสอบถามด้วย rtk-query
เป็นไปไม่ได้เลยที่จะเป็นนักพัฒนาส่วนหน้าที่ทำงานร่วมกับ React และไม่เคยได้ยินเกี่ยวกับ Redux มาก่อนในชีวิตของคุณ บริษัทส่วนใหญ่ใช้ Redux ในโค้ดเบสของตน และการรู้แนวคิดพื้นฐานของ Redux ได้กลายเป็นหนึ่งในแก่นแท้ของการเป็น Frontender มีการพูดคุยกันมากมายเกี่ยวกับการใช้หรือไม่ใช้กับผลิตภัณฑ์ของคุณ..