Diyorbek.dev | 👨🏻‍💻

Octane + Other Frameworks

Octane’ni shunchaki React’ga alternativ compiler deb qarash kamlik qiladi.

Hozir u bir nechta framework bilan native integration’larni taklif qilmoqda:
Astro - Octane components’ni Astro Islands sifatida ishlatish, SSR va client:* directives bilan.

Docusaurus - MDX, routes, plugins va content workflow’ni saqlagan holda Octane renderer’dan foydalanish.

TanStack Start - file-based routing, server functions, streaming SSR, hydration va Vite build workflow’lari bilan full-stack Octane application qurish.

Eng qiziq joyi mavjud React 19 project’ni ham birdaniga ko‘chirish shart emas. octane/react orqali Octane components’ni project’ga bosqichma-bosqich qo‘shish mumkin.

Doc: Octane Framework Integrations

For Next JS coming soon!

#OctaneJS #React #Astro #TanStack #JavaScript #WebDevelopment

Yangi joyda setup ishlari boshlandi

Hozir kassadagi POS qismini tayyorlayapman.

Bu restoranda ombordan tortib, sotuv va boshqaruvgacha bo‘lgan barcha feature’larni to‘liq implement qilishga kelishdik.

Bu safar yetkaz berish qismlar ham qo'shilyapti.

Yani to'liq setupdan keyin restorantda aylanadigan bitta salfetkani puli ham yo'qolib qolmaydi.

#startup #restorator

Yaxshi sotuvchi bo‘larkanmane😅

Keyingi restaurant ham biz bilan ishlashni boshladi. Ertadanoq o‘rnatish ishlarini boshlayman.

Eng qizig‘i ular AliPos ishlatishayotgan ekan. Lekin bizning tizimni ko‘rib, ishlatayotgan appidan biznikiga o‘tishga bittada rozi bo‘lishdi. 😅

Restorator > AliPos 😄

Raqobatchilarni win qilishni ham boshlab yubordik.

#startup #restorator

KidTube.uz

Shu yaqin kunlardan beri bir savobli ishga yordam berib kelayotgandim.

Umar aka KidTube.uz loyihasini boshlagan edilar. Loyiha yosh bolalarni YouTube’dagi turli brainrot videolardan safe qilish va ular uchun xavfsizroq video muhit yaratish maqsadida ishlab chiqilmoqda.

Bugundan boshlab loyihaning iOS mobil ilovasini App Store’ga joylash ishlarini boshladim. Tez orada KidTube.uz mobil ilovalarini App Store va Play Market’dan yuklab olishingiz mumkin bo‘ladi.

PS: Barcha jiyanlarimga hozirning o‘zida shu loyihani o‘rnatib berdim 😄 Qanday videolarni ko‘rishi va qanday kontentlar qo‘shilishini esa o‘zingiz hal qilishingiz mumkin.

#kidtube #project

Haha, common bro 😄

#joking #fun

setState during render which we felt wasn't very usable or scalable by both humans and agents. We also have a "use strong" mode for Octane that literally bans, at a compiler level, setState in the render phase for either the entire project or specific modules.

We're also exploring using "use strong" to ban setState in effects, with error messages that tell the agent to move it to a better location – such as the event handler or the right place in your design system.

we know that humans get emotional about these choices, but if you're not the one making the changes, then having an agent deal with the constraints means better code in general.

Octane's useLinkedState solves synchronization state problem. No option from React 🤷‍♂️

#octanejs #setState #useLinkedState

GitHub Runners bo‘yicha Octane’da limitga duch keldik. 😅

Yaxshi xabar Blacksmith tomonidan shu kunlarda bizga no-limit runners berilishi kutilmoqda.

Bu Octane uchun CI/CD jarayonlarini ancha erkin scale qilishga va parallel workflow’larni cheklovsizroq ishlatishga imkon beradi.

Open Source loyihalarda infrastructure masalalari ba’zan kod yozishdan ham qiziqroq bo‘lib ketarkan. 😅

#github #CI #CD

#startup

Restaurant to‘liq avtomatlashtirildi.

38 ta kabinet, 15 ta so‘ri va 10 ta stol hammasi yagona tizim orqali boshqariladi.

Hozirda:
• 6 ta printer - departmentlar bo‘yicha to‘liq ajratilgan.
• Asosiy POS App - computer/kassa uchun
• Waiterlar uchun - Android + iOS mobile app
• Manager uchun - Android + iOS mobile app

Ya’ni buyurtmadan tortib oshxona va boshqaruvgacha jarayon to‘liq tizimlashdi.

Bu restaurantda qog‘oz musurga tashlandi 😅

Tanish Restaurantlar, oshxonalar bòlsa aytoraslar. Hamkorlik qilamiz.

Sotish.

Eng kerakli skillardan biri bu sota olish deb o‘ylayman. Faqatgina mahsulotni emas, o‘zingizni, g‘oyangizni, fikringizni, boshqaning muammosiga bergan yechimingizni va hokazo…

Bugun bir yangi klient bilan to‘g‘ridan-to‘g‘ri gaplashishimga to‘g‘ri keldi. 2 ta sherigim bilan Restorator nomli, restoranlar uchun management CRM app yozgandik. Shu bo‘yicha o‘zimiz tarafdagi bir restoranga chaqirishib qoldi.

Borsam, 2 ta boshqa dasturchilar o‘z loyihalarini ko‘rsatayotgan ekan. Men uchinchisi bo‘ldim.

Keling mavzuni boshqa fikrga bog‘layman endi.

Bir qancha vaqt oldin interviewda menga biriktirilgan sherigimning codeni review qilish bosqichi bor edi, ya’ni xatolarini topib, tushuntirish kerak edi. Shunda feedbackda: “Sen o‘zingni juda ham defensive tutding”, degandi.

Yozib qo‘ygandim shuni o‘zim uchun xulosa qilib.

Endi oldingi mavzuga qaytamiz.

Boshqa loyihalarni kuzatdim, ularni to‘liq eshitishga harakat qildim, muammoga bergan yechimlarini ko‘rib, tahlil qilib, o‘z yechimlarimni ham berdim. Bu yerda defensive bo‘lishdan, faqat “meniki” deyishdan qochdim.

Oxirida o‘zimdagi loyihani to‘liq demo qildim. Ancha yoqdi biznes egasiga ham sheriklarga ham. Òrnatib ham keldim 😁 ertadan keyin tòliq ishlatishga òtishadi.

Qolganlar bilan hafa-garchilik ham bo‘lmadi, aka-uka bo‘lib oldik bir pasda.

Raqobat qilish degani har qanday holatda “o‘zimnikini o‘tkazaman” deyish emas ekan.

Raqobatdoshlaringizning ishlarini ham maqtang, yordam bering, keyin o‘zingizning taklifingizni bering. Ishonib aytolamanki, sizni hamma pozitiv holatda eshitadi.

Birinchi case uchun. Har bir odam eng tez o'ta oladigan odam bilan birga o'tib kelsa bo'ldi.

A crosses in 1 minute
B crosses in 4 minutes
C crosses in 5 minutes
D crosses in 8 minutes

Javob: 19

Ikkinchi caseda bu logic ishlamaydi, ikkinchi o'tishda eng slowestlar birga o'tvolish kerak bo'ladi. Masalani yo'g'li joyi shu.

A crosses in 1 minute
B crosses in 2 minutes
C crosses in 5 minutes
D crosses in 8 minutes

Javob: 15

Men tashagan examplega 19 deganlar isbotlay olganlarga qoyil.

Ikkinchi case ajoyibligi uchun buni ham ulashdim.

Bugun yuqoridagi puzzle’ga òzimni ikki hil variantdagi yechimimni berib òtaman.

Toğti topganlarga qoyil sababi bu puzzle Microsoft tech job interviewda beriladigan savollardan biri edi.

Octane is far more than a "faster" version of React.

Inferno tried to be that and it succeeded to some extent too it powered Facebook KaiOS to hundreds of millions of users in production, for low-end devices that needed the low memory usage and high performance.

However, Octane provides far better developer ergonomics. It changes the design of React in key areas that fall-short. Such as hooks usage and even on things like setState usage – where there is a third argument function that always provides you the latest value.

Not only that, but Octane provides genuine APIs that avoid escape hatches, such as useLinkedState, so you don't have to set state during render, or update refs during render and then have some lint rule complain at you that you can't do that.

Octane was built on the shoulders of others, where we have the freedom of innovation to make these breaking changes, in an agentic world where humans are no longer writing the majority of the code. The transition is now easier than ever because of AI.

Dominic Gannaway

Interview, birinchi rounda berilgan mantiqiy savol.

AI'dan foydalanmay, mustaqil yechim topib ko'rilar.

#interview

Guys, bugun kechki payt discussion uchun ajoyib mavzu bor.

Bir oy oldin ish interviewiga kirib chiqqandim. Shu bo‘yicha insightlarim bor, shularni ulashmoqchiman.

Ha yana bir gap, birinchi roundda berilgan mantiqiy masalani eshitib hayron qolaslar, men javob 😅

Oxirgi marta kimlar interview jarayonlarida qatnashdi? Men ulashgunimcha fikrilarni commentda yozib turilar, yaxshilar :)

#insight

Hozirgi Seniorlarni eng asosiy vazifasi, juniorlarni Senior qilishlik.

Bu postga kòra maqolani publish qildim.

AI davrida review workflow qanday o’zgarayotgani haqida yozdim.

https://mrdiyorbek.uz/blog/ai-davri-review-workflow

Share qilish esdan chiqmasin

Endi Lynx va Octane bilan Native ilovalar yaratish mumkin.

Octane yordamida Lynx orqali iOS va Android uchun native ilovalar yarating. Quyidagi misollar skrinshot emas, ular brauzerning o'zida jonli demo ko'rinishida ishlamoqda
https://octanejs.dev/docs/lynx

Ha yana bir gap, Hooks, Context, Suspense va Transitions odatdagidek ishlaydi. Faqat yuqori tezlik talab qiladigan kodni main thread'da ishlatish kifoya.

Octane support for Lynx is currently in early access.

Hozirda ko‘pchilik duch kelayotgan bitta muammo bor.

AI yaratgan giant PR 'larni nazarda tutyapman.

Agar qiziq bo‘lsa, ularni qanday qilib review qilish oson bo‘lgan kichik PR stacklarga ajratish metodikasini tushuntirib beraman.

Bugun shu mavzuni Octane Team ichida ham ko‘tardim. Kechki payt bu bo‘yicha discussion boshlanishi kerak.

Let’s go deseylar, kommentariyada + qoldirib keting.

Bo‘lmasa, step by step boshqa foydali mavzularga o‘taveramiz.