تعارف

⁦Text.js⁩ ایسی ایپس کے لیے React فریم ورک ہے جو console.log سے DevTools کونسول میں رینڈر ہوتی ہیں۔

import { useState } from "react";import { Box, Text, useInput } from "@textjs/app";export default function Page() {  const [count, setCount] = useState(0);  useInput((e) => {    if (e.key === "up") setCount((c) => c + 1);    if (e.key === "down") setCount((c) => c - 1);  });  return (    <Box className="flex-col p-1 border rounded">      <Text bold>count = {count}</Text>    </Box>  );}

پری ویو لائیو ہے۔ اس پر کلک کریں اور ↑ دبائیں۔

#شامل خصوصیات

• ⁦React 19⁩: کنکرنٹ رینڈرنگ، Suspense اور ایرر باؤنڈریز۔
• ⁦App Router⁩: لے آؤٹس، صفحات، ڈائنامک سیگمنٹس اور روٹ ہینڈلرز۔
• Yoga لے آؤٹ: WebAssembly میں flexbox، صحیح عدد والے سیلز کے مطابق ترتیب دیا ہوا۔
• Turbolog: ہر تبدیل شدہ فریم پر ایک console.log کال۔
• کونسول UI: صفحے پر صرف ایک فوکس پیڈ اور ایک پوشیدہ ان پٹ ہوتا ہے۔

#کام کرنے کا طریقہ

اسٹیٹ نیچے کی طرف بہتی ہے: React، پھر لے آؤٹ، پھر سیل بفر، پھر کونسول۔

React 19 ▼ Yoga ▼ CellBuffer ▼ console.log(format, ...css)

غیر تبدیل شدہ فریم چھوڑ دیے جاتے ہیں، اس لیے غیر فعال ایپس کچھ لاگ نہیں کرتیں۔

#اگلے اقدامات

• انسٹالیشن: اپنی پہلی ایپ بنائیں۔
• روٹنگ: صفحات، لے آؤٹس اور نیویگیشن۔
• Turbolog: فریم ان کوڈ کرنے کا طریقہ۔
• OpenCode: Text.js سے بنایا گیا ایجنٹ TUI۔