TGViewer
Channel Public Channel
Diyorbek.dev | 👨🏻‍💻

Diyorbek.dev | 👨🏻‍💻

@diyorbekk_dev

Allohga taqvo qiling. Va Alloh sizga ilm beradi. [2:282]


Software engineer @ OctaneJS Core Team

Dasturchi, jiddiy, kamgap, oddiy inson


Òzim haqimda kòproq ma'lumot uchun: @Diyorbek_juraev_blog

Web sahifam: https://mrdiyorbek.uz/
Subscribers
381
Photos
299
Videos
35
Links
119

Showing posts older than #1075 · Back to latest

Older Posts 19 shown
Post #1074 498
Never Compare yourself to others!
  • 🔥 6
  • ❤ 3
Post #1073 501
Endi useState ni Sony PSP’da ham ishlatish mumkin 😎

Rostini aytsam, bunaqasini ko’raman deb o’ylamagandim.

React bu qurilmada ishlamaydi, lekin Octane ishlaydi. Chunki u React’dagi JSX va hook’larni PocketJS’ning native UI tree’siga compile qiladi. Hech qanday Virtual DOM yoki reconciler kerak emas.

PocketJS 0.8.0 bilan Octane endi first-class qo’llab-quvvatlanadi. Eski PSP’da zamonaviy frontend dasturlash usullarini ishlatish mumkinligi juda qiziq.

https://pocketjs.dev/blog/octane-on-psp/
  • 🔥 3
  • 👍 1
Post #1070 559
ASD-STE100

Internetda juda qiziq bir narsaga duch kelib qoldim.

QQ: hozirgi AI workflow’ingizda AI uchun yozilgan documentation qanchalik AI tushunishi oson deb o’ylaysiz?

1970-yillarning oxirida Yevropa aviakompaniyalari so’roviga binoan ASD-STE100 (Simplified Technical English) standarti ishlab chiqilgan.

O’sha paytda mutaxassislarning qariyb 80% uchun ingliz tili ikkinchi yoki uchinchi til edi. Bilamizki Ingliz tilida so’zlar bir nechta ma’noni anglatishi mumkin.

Endi tasavvur qiling, parvoz davomida bitta instruksiya noto’g’ri tushunilsa, bu halokatga olib kelishi aniq.

Shu sababli STE standarti yaratilgan.

Bu standartda, har bir so’z imkon qadar faqat bitta ma’noda ishlatiladi, sodda zamonlardan foydalaniladi,
har bir instruction bitta gapda ifodalanadi
va yana bir nechta qat’iy qoidalar mavjud.

Bularning barchasi texnik hujjatlarni hamma bir xil tushunishi uchun ishlab chiqilgan.

Endi tasavvur qiling, shu yondashuvni AI’ga qo’llasak-chi? 😅

Shu mavzu qiziq bo’lgani uchun internetda bir hafta davomida research qilib, barcha ma’lumotlarni bitta GitHub repository’ga jamladim. Skill’ni sinab ko’ring.

Mening kuzatishimcha, AI hallucinatsiyasi sezilarli darajada kamayadi.

GitHub havolasini pastda qoldiraman. Agar foydali deb hisoblasangiz, follow qilib qo’yilara. ;)

Repo: https://github.com/mrdiyorbek-juraev/ASD-STE100/tree/main
GitHub GitHub - mrdiyorbek-juraev/ASD-STE100: An Agent Skill that makes LLMs write clear, concise, and human-readable technical documentation… An Agent Skill that makes LLMs write clear, concise, and human-readable technical documentation using ASD-STE100 Simplified Technical English. - mrdiyorbek-juraev/ASD-STE100
  • 🔥 4
  • ⚡ 2
Post #1069 397
Position Changed.

Oldinlari Communityda men ko'proq savol berar edim, hozir esa maintainer sifatida savollarga javob berishni boshladim.

To’g’ri savollar vaqt o’tishi bilan tajribaga, tajriba esa boshqalarga yordam bera olishga olib keladi.

Keyingi maqsad yana ham tajribalarni oshirib, teamdagi Founder Engineerlar kabi Founder va dunyodagi top engineerlar qatoriga kirishlik bo'ladi.

Aytmoqchi bugun kechroq AI bo'yicha ajoyib no odatiy SKILL'ni birgalikda ko'rib chiqamiz.
  • 🔥 4
  • ❤ 3
Post #1067 464
Octane + NextJs or OctaneX?

Kuni kecha Octane core jamoasida juda qiziq architecture discussion bo’lib o’tdi.

Rostini aytsam, shu vaqtgacha framework architecture’sining low-level qismiga bunchalik chuqur kirib ko’rmagan ekanman.

Dastlab gap Server Components haqida ketayotgandi.

Oxirida esa butunlay boshqa savol paydo bo'ldi.

Octane Next.js bilan ishlashi kerakmi yoki Octane o’zining meta framework’iga ega bòlish kerakmi?

Habaringiz bor yaqinda Jimmy (Next.js team lead) ham jamoaga qo’shilgandi, ko’p texnik savollar aynan undan so’raldi.

Discussion davomida ko'tarilgan asosiy g'oyalarni, Compatibility Layer, OctaneX va Agentic First Framework haqida batafsil yozdim.
https://mrdiyorbek.uz/blog/octane-or-octanex

Menimcha, eng muhimi aynan shu kabi arxitektura qarorlari. O'n yildan keyin frameworklarni shunday qarorlar ajratib turadi.

Kuzatamiz...
  • 🔥 5
Post #1065 682
Hozirda Octane Core Teamda project uchun eng kop hissa qoshganlar ichida 4 - òrinda ekanman.

Commitlar soni boyicha kòpchilikdan yuqoriroq.

Michal va Leonidasdan òtish kerak endi 😅

Dominicdan o'tish impossible menimcha 🤦‍♂️.
  • 🔥 9
  • ❤ 1
Post #1064 771
Callie opamiz ham Teamga qoshildilar Open AI dan.

Allaqachon Open AI ning Frontend qismi Octanega otkazilib chiqildi lekin hozirda test jarayonida kutilgan natijalarga ega bòlinganidan keyin ommaga elon qilishlari kerak.

Agar amalga oshsa Open AI Octaneni ishlatgan eng katta Big tech Company bòladi.

Hechkimga aytmay turilar don’t leak pls? 😁
  • 🔥 7
Post #1059 1.05K
Segment - THE FASTEST state management on the world currently (for Octane).

Otgan kuni Octane uchun yangi state management ishlab chiqildi, benchmarklarga qaraganda Segment state management librarylar ichida eng tezi, hammasidan tahminan 5x - 10x baravar tezroq natija ko'rsatdi. (in 2k rows 4ms in Segment - 5x faster from Jotai)

Segment ustida benchmark calculation qilinganda.

1 million row dataset bilan oddiy state management yechimlari taxminan 1 GB RAM ishlatdi.

Segment esa shu workload'da 100 MB atrofida qoldi shunchaki crazy ;)

Bunga asosiy sabab - kuzatilmayotgan node'larni xotirada ushlab turmaydigan arxitektura va kuzatilayotgan qism bo'yicha ishlashi.

Yana bir bonus - ichki arhitekturasi Binary Tree va Graph'larga tayangani sababli ko'p access operatsiyalari amalda O(1) ga yaqin ishlaydi. 🔥

Segment asosan Octane core apilarga tayanadi.

Creator Michal.

Octane yangi AI eraga kuchli qurollanyapti.

Ichkaridagi malumotlarni birinchilardan bòlib bilyapsizlar 😅
  • 🔥 3
  • ❤ 1
Post #1058 1.49K
Endi asosiy va uzun mazmunli postlarni o‘z websahifamda ulashib boraman. 👇

My Journey to Octane — maqolani o‘qish

Aytgancha, hali ulashadigan 5 ga yaqin yangiligim bor.

Keyingi postlarda esa biroz chuqurroq mavzularga kiramiz:

Loyihaga full AI workflow qanday setup qilinganini

Barcha jarayonlarni diagramma va flowlar orqali

O‘zim real loyihalarda ishlatayotgan AI skilllarim va workflowlarimni

Va albatta, CI/CD jarayonlari va ularni qanday setup qilganimizni

Hammasini imkon qadar amaliy va tushunarli formatda bo‘lishaman.

Bu safar shunchaki “nima qildik” emas, “qanday qildik” deb gaplashamiz.
mrdiyorbek.uz My Journey to Octane Bitta oddiy taskdan Octane Core Team'gacha — Lexical, Typix va o'rganishdan to'xtamaslik haqida.
  • 🔥 9
  • 👍 1
Post #1057 1.16K
Octane endi JS Framework Benchmark'da ham bor.

Frontend frameworklarni rendering performance bo'yicha taqqoslaydigan eng mashhur benchmarklardan biri - JS Framework Benchmark endi Octane'ni ham o'z ichiga oldi.

Bu benchmark React, Vue, Solid, Svelte, Angular va boshqa ko'plab frameworklarni bir xil DOM operatsiyalari orqali solishtiradi.

Shunchaki: We just want to optimize it very low level to match ideally vanilla-js performance

Natijalarni shu yerda ko'rishingiz mumkin:
https://krausest.github.io/js-framework-benchmark/current.html
Post #1054 579
Yana bir yangilik. Octane Teamga Jimmy Lai qo'shildi.

Jimmy used to work at Vercel, managing the Next team.

Octane'ni Next js uchun ham support qilishni boshladik.

Welcome Jimmy

https://www.linkedin.com/in/feedthejim/


Qiziq jarayonlar endi boshlanyapti.

Kuzatamiz...
  • 🆒 3
  • ❤ 1
Post #1053 231
useLinkedState has shipped. 🔥

React’da shunaqa holatga duch kelganmisiz?

Tasavvur qiling, sizda Profile Editor bor.
User profilidagi nameni input orqali o‘zgartiryapsiz. Shu paytda local state siz yozayotgan qiymatni saqlab turishi kerak.
Lekin boshqa user profilini ochsangiz, input yangi user’ning nameidan boshlanishi kerak.

Mana shu yerda Octane’da qiziq API chiqardik useLinkedState.


const [name, setName] = useLinkedState(
props.user.id,
() => props.user.name
);



Bu hook’da birinchi argument - source. props.user.id o‘zgarmasa:
→ name siz kiritgan local o‘zgarishlarni saqlab turadi.
user.id o‘zgarsa:
→ hook yangi user’ning nameini darhol qaytaradi.


Va buni qilish uchun:
1 useEffect kerak emas
2 render vaqtida setState qilish kerak emas
3 qo‘shimcha render kutish kerak emas

Yana bir qiziq tomoni bor. useLinkedState yangi source kelganda oldingi source va local value’ni ham olish imkoniyatini beradi claculationda.



const [selection, setSelection] = useLinkedState(
items,
(nextItems, previous) =>
nextItems.find(
(item) => item.id === previous?.value?.id
) ?? nextItems[0] ?? null
);


Masalan, list yangilanganda user tanlagan item hali ham mavjud bo‘lsa - selection’ni saqlab qolish mumkin.
Birinchi render’da previous - undefined.
Source o‘zgarganda esa:



source,
value
}


ko‘rinishida keladi.

Default holatda source va value Object.is orqali solishtiriladi. Kerak bo‘lsa sourceEqual va valueEqual orqali custom comparison ham berish mumkin.

Va useState kabi useLinkedState ham uchinchi tuple qiymati sifatida getValue beradi. Bu async yoki delayed callback ichida eng so‘nggi value’ni o‘qish uchun ishlatiladi.

Qisqasi, useLinkedStatening g‘oyasi juda sodda:
Local state bor, lekin u ma’lum bir source bilan bog‘langan. Source o‘zgarsa, state yangi source asosida qayta boshlanadi.

Sodda API, lekin ayniqsa editable UI’larda juda foydali pattern.

Docs:
https://octanejs.dev/docs/core-apis#use-linked-state
Octane Octane — React's programming model, compiled React's programming model, compiled ahead of time. No VDOM, no rules of hooks.
  • ⚡ 1
Post #1052 216
Bir mavzu yuzasidan kichik tortishuv chiqib qoldi 😅

Ma’lum bo‘lishicha, Team Leadimiz Dominic React Hooks’larining design’ini qilgan ekan. Keyinchalik esa shu g‘oyalar atrofida Vue va Solid kabi frameworklar ham shakllangan.

Eng qizig‘i bugun React’dan “mustaqil” ko‘rinadigan ko‘plab frameworklarning tarixini kovlasangiz, baribir bir joydan React’ga borib taqalib qolarkan 😅

Frontend ecosystem’da dependency faqat package.jsonda bo‘lmas ekanda 😂
Post #1051 484
What tradeoff does Octane framework make?

Har bir frameworkning o'z trade-off'lari bo'ladi. Octane ham shular qatori. (Ruling out popularity/tooling/migration).

Faqat performance haqida gapiryapmiz, lekin savol: bu performance evaziga nimalardan voz kechilgan?

Masalan, hozircha Octane'da React Server Components (RSC) va time-slicing qo'llab-quvvatlanmaydi. (Support qilish rejamizda bor)

Yaxshi framework degani hech qanday trade-off qilmaydigan framework emas. Aksincha, u qaysi trade-off'larni ongli ravishda tanlagani bilan ajralib turadi.

Shu sababli yangi texnologiyani baholayotganda faqat benchmarklarga emas, uning arxitektura qarorlari va trade-off'lariga ham qarash kerak.
Post #1050 227
TanStack allaqachon biz bilan.

Tweetlar esa to‘xtamayapti.

Keyingi postlarda Octane nima uchun yaratilgani, qanday muammolarni hal qilishi va hozirda qanday trade-off’lari borligini gaplashamiz

Kuzatamiz…
  • 🔥 2
  • ❤ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →