چگونه می توان اجزای واکنش عالی را به راحتی و بدون زحمت ساخت

@edemagbenyoادم آگبنیو

توسعه دهنده نرم افزار پرشور با بیش از 5 سال تجربه. پدر سدم.

React چنان کتابخانه ای قدرتمند است که هرکسی که از اصول اولیه آگاهی داشته باشد می تواند یک برنامه کاربردی واقعا خوب بسازد. حالت مدیریت در واکنش خارج از جعبه با API های مدیریت دولتی React ساخته شده است.

اما هرچه برنامه شما پیچیده تر می شود ، ردیابی ، تسلط بهتر بر وضعیت خود و درک اینکه چه اتفاقی می افتد دشوارتر می شود. به منظور بهبود درک کد شما در چنین لحظه ای ، React تکنیک ها و API هایی را در اختیار شما قرار داده است که به ما کمک می کند اجزای سازنده یکپارچه را بسازیم.

برخی از این تکنیک ها و API عبارتند از:

• HOC (م Orderلفه سفارش بالاتر)
• رندرها
• واکنش به متن

HOC (م Orderلفه سفارش بالاتر)

HOC یک تکنیک پیشرفته برای واکنش به استفاده مجدد از منطق م componentلفه است. درست مانند یک تابع مرتبه بالاتر ، که یک تابع را به عنوان آرگومان دریافت می کند و یک تابع را برمی گرداند ، HOC یک م componentلفه را به عنوان آرگومان می گیرد و یک م componentلفه جدید را برمی گرداند.

بیایید این کد را به عنوان مثال در نظر بگیریم:

import React from 'react'

function Students() {
  const students = [
    { name: "John", score: "A-" },
    { name: "Samuel", score: "B-" },
    { name: "Smith", score: "A+" },
    { name: "Mark", score: "A-" },
    { name: "Mike", score: "B-" },
    { name: "John", score: "B+" },
  ];

  return (
    <div
     ...