#youtube

#libarary #storybook

✅ ویژگی ها

➊ امکان مشاهده و تست کامپوننت‌ها در حالت‌های مختلف را فراهم می‌کند.

➋ برای کامپوننت ها داکیومنت خودکار ایجاد می‌کند.

➌ این ابزار همکاری بین تیم‌های طراحی و توسعه را بهبود می‌بخشد.

➍ افزونه‌های متعددی برای تست بصری و دسترس‌پذیری دارد.

➎ تغییرات کامپوننت‌ها را سریع ارزیابی می‌کند.

➏ برای پروژه‌های بزرگ و تیم‌های توسعه‌دهنده بسیار مفید است.

// Button.stories.js
import React from 'react';
import { Button } from './Button';

export default {
  noscript: 'Example/Button',
  component: Button,
};

const Template = (args) => <Button {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  label: 'Primary Button',
  variant: 'primary',
};

export const Secondary = Template.bind({});
Secondary.args = {
  label: 'Secondary Button',
  variant: 'secondary',
};

✅ در کل با استفاده از Storybook می‌توانید به سرعت UI خود را تست و بهبود دهید.

#javanoscript #triks #js_trick

let user = {
  name: "Ali",
  address: {
    city: "Tehran"
  }
};

console.log(user.address?.city); // "Tehran"
console.log(user.contact?.phone); // undefined (بدون ارور)

const mask = (value) => {
    return value.trim().slice(-4).padStart(value.length, '*');
}

console.log(mask('09121111111'));

// خروجی => 1111*******

Channel | Group | YouTube

brew install curl

sudo apt update && sudo apt install curl

توی ویندوز 10 به بالا به صورت دیفالت نصبه ولی اگر نصب نبود از صفحه رسمیش میتونید دانلود کنید

#tools | #CURL |  #Api

Channel | Group | YouTube

#libarary #lodash

به دلیل بهینه سازی هایی که روی این لایبرری صورت گرفته بهتون کمک میکنه تا کدهای تمیزتر، خواناتر و کارآمدتری بنویسید 🚀

نکته مهمی که هست اینه که بعضی از کامپوننت هارو با تیلویند در اختیارتون قرار میده و اگر هم نبود میتونید بدید چت جی‌پی‌تی و بهش بگید تبدیلش کنه به کد tailwind ⚡

➊ سادگی : یادگیری و استفاده از Express.js بسیار آسان است.

➋ سرعت : به دلیل ساختار سبک و بهینه، اپلیکیشن‌های ساخته شده با Express.js بسیار سریع هستند.

➌ انعطاف‌پذیری : این فریم ورک به شما آزادی زیادی برای ساخت اپلیکیشن‌های دلخواه می‌دهد.

➍ جامعه بزرگ : یک جامعه بزرگ از توسعه‌دهندگان وجود داره که از Express.js استفاده می‌کنند.

#framework #nodejs #backend

Channel | Group | YouTube

#chalange  #js_challenge

وقتی undefined رو با جمع می‌کنید خروجی NaN میشه چون، هر گونه عملیات ریاضی با undefined به NaN منجر می‌شود.

curl https://fakestoreapi.com/carts

curl -X POST -H "Content-Type: application/json" -d '{"userId":5,"date":"2020-02-03","products":[{"productId":5,"quantity":1},{"productId":1,"quantity":5}]}' https://fakestoreapi.com/carts

Channel | Group | YouTube

پ.ن : اگر نیاز داشته باشید که یه وبسایت استتیک بسازید با اکسپرس میتونید از این روش استفاده کنید 🚀

#️⃣ #nodejs #youtube #backend 

Channel | Group | YouTube

#fun

#WhatsThat #CMS #HeadlessCMS

➊ استقلال فرانت‌اند : فرانت‌اند و بک‌اند از هم جدا هستند.

➋ چندپلتفرمی بودن : محتوا به هر دستگاهی ارسال می‌شه.

➌ کاهش ریسک امنیتی : دسترسی مستقیم به سرور کمتر می‌شه.

➊ پیچیدگی توسعه : نیاز به تخصص در چندین فناوری و ابزار مختلف.

➋ هزینه بیشتر : ممکنه به تیم‌های بزرگ‌تر و منابع بیشتری نیاز باشه.

➌ نبود رابط کاربری پیش‌ساخته : فرانت‌اند باید از طراحی بشه.

Channel | Group | YouTube