Forwarded from هوشیار دستیار سلامتی
هوشیار، دستیار تغذیه و سلامتی شما آمادهی استفاده است!
GetHooshyar.ir
🌱 با افتخار، اولین نسخه از هوشیار، دستیار سلامتی هوشمندمون، آنلاین شده و آمادهی استفاده است! هدف هوشیار اینه که تو مسیر سلامتی و زندگی سالمتر بهتون کمک کنه، از پیشنهادات غذایی گرفته تا راهکارهای ساده برای بهبود عادات روزمره. خوشحال میشیم اگر تجربهتون رو با ما به اشتراک بگذارید.
از امروز میتونید هوشیار رو امتحان کنید و اولین قدم رو به سوی سلامتی هوشمند بردارید! 🚀🌱
برای استفاده از هوشیار کلیک کنید 👇
GetHooshyar.ir
فیبدک یا ارتباط با تیم هوشیار: @talegh
کانال تلگرام هوشیار @getHooshyar
GetHooshyar.ir
🌱 با افتخار، اولین نسخه از هوشیار، دستیار سلامتی هوشمندمون، آنلاین شده و آمادهی استفاده است! هدف هوشیار اینه که تو مسیر سلامتی و زندگی سالمتر بهتون کمک کنه، از پیشنهادات غذایی گرفته تا راهکارهای ساده برای بهبود عادات روزمره. خوشحال میشیم اگر تجربهتون رو با ما به اشتراک بگذارید.
از امروز میتونید هوشیار رو امتحان کنید و اولین قدم رو به سوی سلامتی هوشمند بردارید! 🚀🌱
برای استفاده از هوشیار کلیک کنید 👇
GetHooshyar.ir
فیبدک یا ارتباط با تیم هوشیار: @talegh
کانال تلگرام هوشیار @getHooshyar
code2 - کد۲
هوشیار، دستیار تغذیه و سلامتی شما آمادهی استفاده است! GetHooshyar.ir 🌱 با افتخار، اولین نسخه از هوشیار، دستیار سلامتی هوشمندمون، آنلاین شده و آمادهی استفاده است! هدف هوشیار اینه که تو مسیر سلامتی و زندگی سالمتر بهتون کمک کنه، از پیشنهادات غذایی گرفته تا…
این ربات برای کمک به توجه بیشتر به بحث تغذیه و سلامتی توسط من و دوستانم ساخته شده.
ممنون میشم اگر استفاده کنید و اگر نظری داشتید بگید.
اگر به دوستان یا آشنایان هم معرفی کنید که خیلی عالی میشه.
ممنون میشم اگر استفاده کنید و اگر نظری داشتید بگید.
اگر به دوستان یا آشنایان هم معرفی کنید که خیلی عالی میشه.
خیلی از اوقات داریم با یه آبجکتی توی جاوااسکریپت کار میکنیم و فرضا تایپ اسکریپت هم استفاده نمیکنیم و هی console.log میزنیم ببینیم توی آبجکت چیا هست.
یه کار راحت تری که میشه انجام داد اینه که یه مرتبه کل آبجکت یا اون جاهایی که میخواید رو رو صفحه نمایش بدید تا با خیال راحت نگاش کنید 😃
مثل این کد:
@code2_ir
یه کار راحت تری که میشه انجام داد اینه که یه مرتبه کل آبجکت یا اون جاهایی که میخواید رو رو صفحه نمایش بدید تا با خیال راحت نگاش کنید 😃
مثل این کد:
<pre style={{direction: 'ltr'}} >{JSON.stringify(data, null, 2)}</pre>
@code2_ir
Gist
Render json object pretty in javascript ( react, vue , ... )
Render json object pretty in javascript ( react, vue , ... ) - index.tsx
Media is too big
VIEW IN TELEGRAM
معرفی اپلیکیشن هوشیار
هوشیار نرم افزاری است که در مورد تغذیه سالم و بهبود فعالیت بدنی با شما گفتگو میکنه. در ورژن جدید سعی کردیم با استفاده از حافظه بلند مدت در هوش مصنوعی یا استفاده به صورت memory augmented بتوانیم گفتگوی صمیمی تر و نزدیک تری به گفتگوی انسان داشته باشیم.
تجربه شرکت در رویداد GenX بسیار ارزشمند بود و مشوقی بود برای علاقه بیشتر به هوش مصنوعی و تمرینی برای توسعه بهتر پروتوتایپ ایدههای کسب و کار.
GetHooshyar.ir
@code2_ir
هوشیار نرم افزاری است که در مورد تغذیه سالم و بهبود فعالیت بدنی با شما گفتگو میکنه. در ورژن جدید سعی کردیم با استفاده از حافظه بلند مدت در هوش مصنوعی یا استفاده به صورت memory augmented بتوانیم گفتگوی صمیمی تر و نزدیک تری به گفتگوی انسان داشته باشیم.
تجربه شرکت در رویداد GenX بسیار ارزشمند بود و مشوقی بود برای علاقه بیشتر به هوش مصنوعی و تمرینی برای توسعه بهتر پروتوتایپ ایدههای کسب و کار.
GetHooshyar.ir
@code2_ir
خدا رحمت کنه صابر راستیکردار رو.
چه خدمتی کرد به مردم.
خدا جد و آبادش رو بیامرزه.
چه خدمتی کرد به مردم.
خدا جد و آبادش رو بیامرزه.
code2 - کد۲
خدا رحمت کنه صابر راستیکردار رو. چه خدمتی کرد به مردم. خدا جد و آبادش رو بیامرزه.
من اصلا اطلاع نداشتم که نزدیک سالگرد ایشون ایم. یکی از دوستان این رو فرستاد. به نظر که کار زیبایی است.
https://t.me/FasaLUG/60
https://t.me/FasaLUG/60
Telegram
گروه کاربران گنو/لینوکس فسا
همایش قلم وزیر
به مناسبت سالروز آسمانی شدن صابر راستیکردار 🖤
در این همایش، دغدغههای مرحوم راستیکردار که به خلق قلم وزیر منجر شد را مورد بحث قرار خواهیم داد و به سخاوت و نیکاندیشی ایشان در راستای ارتقاء خوانایی قلم فارسی در دنیای وب و تایپوگرافی فارسی…
به مناسبت سالروز آسمانی شدن صابر راستیکردار 🖤
در این همایش، دغدغههای مرحوم راستیکردار که به خلق قلم وزیر منجر شد را مورد بحث قرار خواهیم داد و به سخاوت و نیکاندیشی ایشان در راستای ارتقاء خوانایی قلم فارسی در دنیای وب و تایپوگرافی فارسی…
یه قابلیت خوبی که توی کروم و brave هست و من تازه پیداش کردم اینه که میتونید کل یک تب رو به یکباره bookmark کنید. برای افرادی مثل من میتونه خوب باشه :) که هزار تا تب باز میکنم و بعد هم میترسم که بعدا این ها رو گم کنم یا به هوای این که یه روزی میخونمشون همه رو باز نگه میدارم! یوهو بعد سه چهار روز میبینیم ۵ تا ویندوز باز کردم رو هر کدوم فلان قدر تب باز کردم 😅
@code2_ir
@code2_ir
In a Next.js app router project, data can be fetched in multiple places depending on the nature of the data, rendering strategy, and whether the data needs to be accessed at build time, on the server, or on the client. Here’s a breakdown of where to fetch data in Next.js’s app router and when each is appropriate:
### 1. Server Components (default in
- Where: Fetch data directly within server components, like your
- When: Ideal for server-only data, sensitive data, or data that doesn’t need client-side interactivity. Server components can fetch data using async functions and make use of server-only packages (e.g., databases).
- Example:
- Considerations: Server components do not increase the JavaScript sent to the client. However, since they are server-rendered, you may need additional client-side components if you want interactivity.
### 2. Client Components (use
- Where: If you need client-side interactivity, mark the component with
- When: Useful for data that requires client-side interactivity, like managing local state, dynamic data fetching (especially based on user interactions), or when using APIs that are only available on the client.
- Example:
- Considerations: Client components increase the JavaScript bundle size sent to the client, so they should be used when necessary.
### 3. API Routes
- Where: Use
- When: Use API routes when you want to keep logic (like authentication, session checks, or data manipulation) separate from the component. This is especially useful for POST requests, sensitive data handling, or operations that don’t need to be part of the server-rendering flow.
- Example:
- Considerations: API routes offer more flexibility and can be used by both server and client components, which is useful for actions like form submissions or fetching data on demand.
### 1. Server Components (default in
app
directory)- Where: Fetch data directly within server components, like your
page.tsx
or other components under the app
directory.- When: Ideal for server-only data, sensitive data, or data that doesn’t need client-side interactivity. Server components can fetch data using async functions and make use of server-only packages (e.g., databases).
- Example:
import { PrismaClient } from "@prisma/client";
export default async function Page() {
const prisma = new PrismaClient();
const data = await prisma.someModel.findMany();
return (
<div>
{/* Render data */}
</div>
);
}
- Considerations: Server components do not increase the JavaScript sent to the client. However, since they are server-rendered, you may need additional client-side components if you want interactivity.
### 2. Client Components (use
use client
directive)- Where: If you need client-side interactivity, mark the component with
use client
at the top and use data-fetching hooks like useEffect
.- When: Useful for data that requires client-side interactivity, like managing local state, dynamic data fetching (especially based on user interactions), or when using APIs that are only available on the client.
- Example:
"use client";
import { useState, useEffect } from 'react';
export default function ClientComponent() {
const [data, setData] = useState(null);
useEffect(() => {
async function fetchData() {
const response = await fetch('/api/data');
const result = await response.json();
setData(result);
}
fetchData();
}, []);
return <div>{data ? JSON.stringify(data) : 'Loading...'}</div>;
}
- Considerations: Client components increase the JavaScript bundle size sent to the client, so they should be used when necessary.
### 3. API Routes
- Where: Use
pages/api
to create backend API endpoints, which can be called from both server and client components.- When: Use API routes when you want to keep logic (like authentication, session checks, or data manipulation) separate from the component. This is especially useful for POST requests, sensitive data handling, or operations that don’t need to be part of the server-rendering flow.
- Example:
// pages/api/data.ts
import { NextApiRequest, NextApiResponse } from 'next';
import { PrismaClient } from '@prisma/client';
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
const prisma = new PrismaClient();
const data = await prisma.someModel.findMany();
res.status(200).json(data);
}
- Considerations: API routes offer more flexibility and can be used by both server and client components, which is useful for actions like form submissions or fetching data on demand.
### 4. Middleware (for authentication and access control)
- Where: Use a
- When: Middleware is useful for route-based logic, like authentication or role-based access control, without directly fetching data for rendering. Middleware runs on the edge and can redirect users based on conditions.
- Example:
- Considerations: Middleware is limited in functionality compared to traditional API routes but is highly efficient for edge-based logic.
### 5. Static Fetching (using
- Where: If the data doesn’t change often and you don’t need real-time updates, use static generation with
- When: For data that doesn’t change frequently (e.g., blog posts, product pages) or when optimizing for SEO by generating pages at build time.
- Example:
### Summary
- Use Server Components by default for data fetching when rendering on the server.
- Use Client Components for client-side interactions or dynamic data that changes after initial render.
- Use API Routes for encapsulating backend logic or for requests initiated on the client-side.
- Use Middleware for lightweight route protection or conditionally redirecting users.
- Use Static Fetching for rarely changing content that benefits from static generation (like blog posts).
Each strategy is flexible, and you can mix these approaches depending on the needs of each part of your app.
- Where: Use a
middleware.ts
file in the root directory.- When: Middleware is useful for route-based logic, like authentication or role-based access control, without directly fetching data for rendering. Middleware runs on the edge and can redirect users based on conditions.
- Example:
// middleware.ts
import { NextResponse } from 'next/server';
export async function middleware(request) {
const isAuthenticated = checkAuth(request); // Define your own check
if (!isAuthenticated) return NextResponse.redirect(new URL('/login', request.url));
return NextResponse.next();
}
export const config = {
matcher: '/protected/:path*', // Apply to specific routes
};
- Considerations: Middleware is limited in functionality compared to traditional API routes but is highly efficient for edge-based logic.
### 5. Static Fetching (using
generateStaticParams
for Static Site Generation)- Where: If the data doesn’t change often and you don’t need real-time updates, use static generation with
generateStaticParams
or getStaticProps
in the app directory.- When: For data that doesn’t change frequently (e.g., blog posts, product pages) or when optimizing for SEO by generating pages at build time.
- Example:
import { PrismaClient } from '@prisma/client';
export async function generateStaticParams() {
const prisma = new PrismaClient();
const items = await prisma.someModel.findMany();
return items.map(item => ({ id: item.id }));
}
### Summary
- Use Server Components by default for data fetching when rendering on the server.
- Use Client Components for client-side interactions or dynamic data that changes after initial render.
- Use API Routes for encapsulating backend logic or for requests initiated on the client-side.
- Use Middleware for lightweight route protection or conditionally redirecting users.
- Use Static Fetching for rarely changing content that benefits from static generation (like blog posts).
Each strategy is flexible, and you can mix these approaches depending on the needs of each part of your app.
Forwarded from TechTube 𝕏 تک توب
شرکت VMware که چند پیش وقت استفاده از دو نرم افزار حرفه ای ساخت ماشین مجازی Workstation Pro و Fusion Pro رو برای استفاده شخصی رایگان کرده بود، حالا اعلام کرده که استفاده از اونها حالا برای تمام کاربردها و حتی استفاده تجاری هم رایگان هست و شرکتها هم میتونن از این به بعد به صورت مجانی از اونها استفاده کنن.
این شرکت سال پیش توسط Broadcom خریده شد و تغییر سیاست گسترده ای در این شرکت رو به دنبال داشت که از جمله اونها تعطیلی نسخه مجانی ESXi و تبدیل شدن لایسنسهای خرید یک باره به اشتراک ماهانه و سالانه بود که باعث ناراحتی کاربران زیادی شد و شرکتهای مختلفی برای ماشینهای مجازیشون به نرم افزارهای رقیب مهاجرت کردن.
حالا این شرکت باز هم یک کار مفید انجام داده و کاربران ویندوز و لینوکس میتونن با Workstation Pro و کاربران مک Fusion Pro به طور رایگان میتونن ماشین مجازی بالا بیارن و روی اون سیستم عاملهای مختلف نصب کنن. این نرم افزارها از اینجا قابل دانلود هستن ولی قبل از دانلود نیاز به ساخت اکانت برودکام دارین.
🔎 theverge
📍 @TechTube
این شرکت سال پیش توسط Broadcom خریده شد و تغییر سیاست گسترده ای در این شرکت رو به دنبال داشت که از جمله اونها تعطیلی نسخه مجانی ESXi و تبدیل شدن لایسنسهای خرید یک باره به اشتراک ماهانه و سالانه بود که باعث ناراحتی کاربران زیادی شد و شرکتهای مختلفی برای ماشینهای مجازیشون به نرم افزارهای رقیب مهاجرت کردن.
حالا این شرکت باز هم یک کار مفید انجام داده و کاربران ویندوز و لینوکس میتونن با Workstation Pro و کاربران مک Fusion Pro به طور رایگان میتونن ماشین مجازی بالا بیارن و روی اون سیستم عاملهای مختلف نصب کنن. این نرم افزارها از اینجا قابل دانلود هستن ولی قبل از دانلود نیاز به ساخت اکانت برودکام دارین.
🔎 theverge
📍 @TechTube
توی اسپم هام اینو دیدم. دستش درد نکنه خیلی بی حوصله بودم حداقل روزم رو ساخت 😂
فقط اون best regards آخرش 🫠😁
این یه ایمیل قدیمی من هست که hotmail هست و شاید قدیمی تر ها بیشتر با hotmail و outlook آشنا باشن ولی خب ایمیل خوبی هم هست و دوستش داشتم ولی خیلی خیلی اسپم گرفت. یه موردی که وجود داره وقتی شما ایملتون رو توی یه سایت زده باشید و اون سایت هک بشه، هکر ها اون ایمیل های ثبت نام شده و خصوصا Hash پسورد ها رو حتما چک میکنن و باعث میشه اسپم بگیرید.
مثلا توی این سایت میتونید ایمیلتون رو بزنید ببینید توی چه سایت هایی که هک شدن ثبت نام کرده بودید و از کجا ها اطلاعاتتون ممکنه درز کرده باشه.
البته یه سری سایت ها هم کلا باعث اسپم گرفتن میشه لذا هر جایی ثبت نام نکنید.
حالا یه روش دیگه هم توضیح میدم در پست بعدی که بتونید به طور کل ایمیلتون رو مخفی کنید و با این کار شما ایمیل اصلیتون رو توی جایی که ثبت نام میکنید وارد نمی کنید و بجاش از یه جایگزین استفاده میکنید که اون به صورت یه واسطه ایمیل رو به ایمیل اصلیتون میفرسته و اینجوری ایمیلتون رو نیازی نیست وارد کنید توی سایتی که ممکنه براتون اسپم بفرسته.
فقط اون best regards آخرش 🫠😁
این یه ایمیل قدیمی من هست که hotmail هست و شاید قدیمی تر ها بیشتر با hotmail و outlook آشنا باشن ولی خب ایمیل خوبی هم هست و دوستش داشتم ولی خیلی خیلی اسپم گرفت. یه موردی که وجود داره وقتی شما ایملتون رو توی یه سایت زده باشید و اون سایت هک بشه، هکر ها اون ایمیل های ثبت نام شده و خصوصا Hash پسورد ها رو حتما چک میکنن و باعث میشه اسپم بگیرید.
مثلا توی این سایت میتونید ایمیلتون رو بزنید ببینید توی چه سایت هایی که هک شدن ثبت نام کرده بودید و از کجا ها اطلاعاتتون ممکنه درز کرده باشه.
البته یه سری سایت ها هم کلا باعث اسپم گرفتن میشه لذا هر جایی ثبت نام نکنید.
حالا یه روش دیگه هم توضیح میدم در پست بعدی که بتونید به طور کل ایمیلتون رو مخفی کنید و با این کار شما ایمیل اصلیتون رو توی جایی که ثبت نام میکنید وارد نمی کنید و بجاش از یه جایگزین استفاده میکنید که اون به صورت یه واسطه ایمیل رو به ایمیل اصلیتون میفرسته و اینجوری ایمیلتون رو نیازی نیست وارد کنید توی سایتی که ممکنه براتون اسپم بفرسته.