📎اگر برنامه نویسی وردپرس کار میکنی و میخوای از جاوااسکریپت استفاده کنی یکی از مناسب ترین ابزارها برای شروع، پکیج رسمی wordpress/scripts هست.

ابزاری که وردپرس برای ساده‌کردن فرآیند build، lint، و پشتیبانی از JSX و ESNext ارائه داده.

نمونه استفاده از JSX:

const MyComponent = () => (
  <div className="my-box">
    <h2>Hello, World</h2>
  </div>
);

کامپایل شده کد بالا به جاوااسکریپت:

const element = createElement(
  'div',
  { className: 'my-box' },
  createElement('h2', null, 'Hello, World')
);

با این ابزار می‌تونی از JSX برای ساخت بلاک‌های گوتنبرگ یا بخش‌های داینامیک در قالب و پلاگین ها استفاده کنی🔮

برای نصب از دستور:

npm install @wordpress/scripts --save-dev

و توی فایل package.json اینارو اضافه میکنی.

"scripts": {
  "start": "wp-scripts start",
  "build": "wp-scripts build"
}

و بعد با npm run start می‌تونی پروژه رو توی حالت دیباگ و برنامه نویسی ران کنی و با npm run build خروجی نهایی رو بسازی.

💬 تاحالا از JSX استفاده کردی؟ چه پکیجایی بجز این برای توسعه وردپرس میشناسید تو کامنتا بنویسین!

#jsx #wordpress #development
☕️Telegram | Website | Discord