Šioje apžvalgoje apžvelgsiu visą savo testavimo sesiją – nuo pradinių nusivylimų dėl simbolių ribojimo įvedimo laukelyje iki malonaus siurprizo, kai mobiliojo išdėstymo versija veikė nepriekaištingai.
Išskirstysiu kainų lygius, pateiksiu tikslias klaidų žinutes, kurios man sukėlė problemų, ir padėsiu nuspręsti, ar UI Bakery yra tinkamas įrankis jūsų kitam vidiniam projektui, ar geriau likti su skaičiuokle.
Kas yra UI Bakery?
UI Bakery yra žemo kodo platforma, leidžianti kurti vidinius verslo įrankius nepradėdami nuo tuščio kodo.
Galvokite apie tai kaip tarpinį variantą tarp paprastų svetainių kūrimo įrankių ir sudėtingos programinės įrangos inžinerijos. Vietoje to, kad praleistumėte savaites baziniam nustatymui, aprašote savo programą įvedimo laukelyje, o platformos DI „kepia“ funkcionalią React pagrindu sukurtą programą maždaug per minutę.
Čia pateikiama aukšto lygio darbo eiga:
- DI karkasavimas: Įvedate užklausą, ir DI sugeneruoja pradinį išdėstymą, komponentus ir logiką.
- Tinklelio sistema: Galite perkelti elementus fiksuoto tinklelio pagrindu, dėl ko dizainas lieka tvarkingas.
- Skaidrus kodas: Kiekvienas komponentas naudoja React ir TypeScript, kuriuos galite tiesiogiai koreguoti, jei vizualus redaktorius pasiekia ribą.
- Lankstus galinis sluoksnis: Jums nereikia naudoti UI Bakery duomenų bazės – galite prijungti praktiškai bet kurią SQL duomenų bazę arba naudoti API.
Kam tai skirta?
UI Bakery nėra skirta kurti kitą Facebook ar publikuoti viešą tinklaraštį; tai įrankis tiems, kuriems verslo viduje reikia valdyti duomenis ir darbo procesus.
Pastebėjau, kad platforma ypač gerai tinka šioms grupėms:
- Agentūros, dirbančios užsakovui: Galite greitai sukurti pradinius skydelių arba portalų prototipus, parodyti užsakovui atsiliepimams ir vėliau tobulinti kodą pagal tikslius reikalavimus.
- Kūrėjai ir techniniai vadovai: Vietoje to, kad švaistytumėte laiką statydami lenteles ir formas, pasinaudokite DI karkasavimu UI ir skirkite laiką sudėtingai verslo logikai.
- Mažų verslų savininkai: Jei jums reikia profesionalaus būdo, kad klientai galėtų teikti ataskaitas, sekti užsakymus ar įkelti dokumentus, tai suteikia saugų ir estetišką sprendimą, neturintį primityvių formų kūrimo įrankių „pasidaryk pats“ išvaizdos.
UI Bakery privalumai ir trūkumai
- DI sugeneruoja funkcionalius išdėstymus per kelias sekundes
- Automatinis reagavimas mobiliems vaizdams
- Tiesioginė prieiga prie React ir TypeScript
- Paprastas suderinamumas su bet kuria SQL duomenų baze
- Išsamus žurnalas rengiant programą
- Bandymui nereikalinga kredito kortelė
- Švari ir profesionali numatytoji dizaino sistema
- Didžiulė įmontuota Lucide piktogramų biblioteka
- Įmontuota versijavimo sistema „staging“ ir „production“
- Greitas diegimas į pasirinktą potinklapį
- Iš anksto paruošti autentifikacijos ir prisijungimo ekranai
- Lanksti tinklelio sistema apsaugo nuo išdėstymo netvarkos
- Griežtas simbolių limitas DI užklausoms
- Tinklelio išdėstymas gali pasirodyti pernelyg standus
- Duomenų šaltinio konfigūravimo mokymosi kreivė
Jei pavargote laukdami, kol dev komanda sukurs paprastą administravimo skydelį, išbandykite UI Bakery. Aprašykite savo programą ir pamatykite veikiantį prototipą dar prieš pirmą ryto kavos puodelį.
UI Bakery funkcijos
- DI valdomas programų kūrimas pagal tekstines užklausas
- Suderinimas su PostgreSQL ir MySQL duomenų bazėmis
- Tiesioginė prieiga prie React ir TypeScript
- Įmontuotos „staging“ ir „production“ aplinkos
- Reaguojančios išdėstymo versijos mobiliesiems ir darbalaukiui
- Iš anksto paruošti šablonai dažniausiai naudojamiems verslo įrankiams
- Integracija su Google Analytics ir Datadog
- Vartotojų autentifikavimas ir leidimų valdymas pagal vaidmenis
Mano praktinė patirtis su UI Bakery
Esu skeptiškas, kai kalba pasisuka apie „maginius“ DI programų kūrėjus. Dažniausiai jie pateikia išpūstą skaičiuoklę arba chaotišką kodą, kuris sugenda vos jį paliesti.
Kad patikrinčiau, ar ši reklama atitinka realybę, praleidau rytą kurdamas Service Request Portal fiktyvinei namų paslaugų įmonei. Atvirai sakant, tai buvo kalneliai tarp „oho, kaip smagu“ ir „kodėl negaliu čia rašyti daugiau?“ nuotaikų.
1. Pradžia: registracija ir pirmieji įspūdžiai
Vos atsidūriau UI Bakery pagrindiniame puslapyje, mano akį patraukė jų šūkis: „Build internal tools that are baked to scale.“
Tai gudrus posakis, bet mane sudomino didelis tamsus įvedimo laukelis hero sekcijoje su tekstu „Describe the app you want to build“. Tai labai priminė „ChatGPT“ sąsają, kuri man patiko.
Tačiau aš nepradėjau rašyti į tą laukelį iš karto. Pasislinkau žemyn ir pamačiau skyrių „Explore all app recipes“, vedantį į šablonų galeriją, kurioje buvo:
- Atsargų valdymo įrankiai
- Sąskaitų patvirtinimo darbo eigos
- Skaitmeninės rinkodaros informaciniai skydeliai
- Logistikos sekimo sistemos
- IT turto valdymas
Atrodė profesionaliai. Kai buvau pasirengęs, grįžau prie pagrindinio įvedimo laukelio. Pastebėjau, kad aprašinėti programą galite net neprisiregistravę.
Galiausiai paspaudžiau „Sign up“ viršutiniame dešiniajame kampe ir susikūriau paskyrą. Procesas buvo toks:
- El. paštas ir slaptažodis: Įvedžiau savo darbo el. paštą ir slaptažodį.
- Be kredito kortelės: Buvo malonu, kad testavimui kortelė nereikėjo.
- Įvadiniai klausimai: Patvirtinęs el. paštą, patekau į ekraną „Let’s get acquainted“ – įvedžiau vardą. Tada pasirinkau:
- Programavimo patirtį („Familiar“)
- Kaip apie juos sužinojau („Google Search“)
Po to turėjau sukurti darbo erdvę. Pavadinau ją „Demeter Victory“, o sistema patikrino, ar demeter-victory-war-machine.uibakery.io URL yra laisvas.
Buvo. Spustelėjau „Access Workspace“ ir patekau į vidų. Visa procedūra užtruko mažiau nei tris minutes ir jautėsi kaip „duokit ramybę ir leiskite kurti“.
2. Pirmoji programa: žingsnis po žingsnio
Čia viskas tapo tikra. Aš jau buvau paruošęs savo užklausą Service Request Portal:
„A client portal where homeowners can request home services (plumbing, electrical, cleaning, landscaping) and track the status of their service requests. Include user authentication, a service request form with service type, description, date, and urgency fields, and a dashboard showing all requests with their status (pending, in progress, completed).“
Įklijavau ją į įvedimo laukelį ir paspaudžiau „Generate“. (Jei norite aprašyti programą detaliau, UI Bakery tvarkosi puikiai su ilgesnėmis, specifinėmis užklausomis.)
Štai kas rodėsi vietoje paprasto užkrovimo:
- Rengiami pradiniai reikalavimai: DI iš mano užklausos sudarė struktūrizuotą planą.
- Įdiegiami komponentai: Mačiau, kaip buvo pridedami Button, Table, Input ir Select.
- Kuriamas paslaugų užklausų skydelis ir forma: DI nurodė kuriamus failus, pvz., service-requests-table.tsx ir new-service-request-modal.tsx.
- Baigiamieji patikrinimai: DI greitai patikrino, ar kode nėra klaidų.
Kai ekranas atsinaujino, pamačiau visiškai veikiantį „HomeService Portal“.
Visi komponentai veikė, modaliai, filtrai, lentelė su testiniais duomenimis – viskas buvo paruošta.
3. Dizaino ir išdėstymo pritaikymas
Pritaikymas vyko per elementų pasirinkimą ir natūralias kalbos užklausas DI. Peržiūros lange spustelėjus „Pick an element from the page“ galėjau pasirinkti bet kurį programos elementą, nurodyti pakeitimą ir DI tuoj pat jį atlikdavo. Net mobili režimas adaptavosi vienu mygtuko paspaudimu.
4. Klaidos ir problemų sprendimas
Išbandžiau neaiškius veiksmus – pvz., spustelėti „Staging“ prieš publikavimą – ir pamačiau painius pranešimus. Duomenų jungtis reikalavo rankinio perjungimo iš mock į tikrus duomenis. Tačiau tikros klaidos kodo redaktoriuje buvo aiškiai pažymėtos ir užkirstas kelias sugadinti programą.
5. Publikavimas ir integracijos
Publikavimas – paprastas. Galite naudoti testinius duomenis arba prijungti realią duomenų bazę (30+ tipų). Duomenų šaltinių panelėje lengva susikonfigūruoti ryšį, išbandyti jungtį ir peržiūrėti lentelių struktūrą. Tada „Release“ – įrašote semantinę versiją (major/minor/patch), paspaudžiate „Publish release“, gaunate nuorodą ir programa gyvena internete.
Kainodara ir planai
Nemokamame lygyje gaunate neribotai programų ir jungčių. „Free“, „Builder“ ($20/dev/mėn.), „Team“ ($35/dev/mėn.) ir „Enterprise“ lygiai skiriasi DI kreditais, peržiūros teisėmis, palaikymu ir aplinkomis. Taip pat yra savarankiškas diegimas su atitinkama kainodara.
Alternatyva UI Bakery
Pagrindinis konkurentas – Retool. UI Bakery greitesnis ir paprastesnis (DI karkasavimas), idealus CRUD programoms ir klientų portalams. Retool tinka sudėtingoms įmonių darbo eigoms, turi 50+ jungčių ir dedikuotą mobilių programų redaktorių.
Galutinė išvada apie UI Bakery
UI Bakery – greičiausias būdas idėją paversti profesionaliu vidiniu įrankiu, jei nesibaiminate šiek tiek padirbti su duomenų nustatymais. Nuo tuščio prompto iki veikianti daugiapusės, reaguojančios programos su formomis per mažiau nei 60 s. Rekomenduoju tiems, kam reikia tvarkingų admin skydelių ar portalų greitai ir už prognozuojamą kainą.
