Metoje, Reaguoti ir Reaguoti gimtoji yra daugiau nei tik įrankiai; jie yra neatsiejama mūsų produktų kūrimo ir inovacijų dalis. Su daugiau nei penkiais tūkstančiais „Meta Building“ gaminių darbuotojų ir „React“ patirties kas mėnesį, šios technologijos yra esminės mūsų inžinerinės kultūros ir mūsų gebėjimo greitai sukurti ir pristatyti aukštos kokybės produktus. Šiame įraše pasinersime į kai kurių produktų komandų, kurios pasitelkė „React“ ir „React Native“, kūrimo patirtį, kad pristatytų įdomius projektus, pristatytus „Meta Connect 2024“.
„Instagram“ ir „Facebook“, skirta „Meta Quest“.
„Connect“ Markas Zuckerbergas pasidalijo, kad „Instagram“ ir „Facebook“ iš naujo sukūrėme mišriai realybei (MR) „Meta Quest“. Mūsų tikslas buvo perkelti mūsų pavyzdinę socialinę patirtį į „Meta Quest“ ausines, leisti žmonėms susitikti su savo draugais ir žiūrėti istorijas bei ritinius, tuo pačiu parodydami naujas galimybes, kurias suteikia tik MR.
Kuriant Meta socialines programas nuo nulio naudojant MR, mūsų komandos turėjo apgalvotai panaudoti platformos galimybes, kurias siūlo Meta Quest, išlaikant nepaprastai aukštą kokybės kartelę. Komandos pirmiausia turėjo nuspręsti, kaip jas sukurti: pakartotinai naudoti esamas „Android“ programas, parašyti naują vietinę „Android“ programą arba naudoti „React Native“ kuriant nuo nulio. Norėjome pasiūlyti herojaus patirtį, kuri atrodytų ir jaustųsi kaip namuose naudojant „Meta Quest“, pasinaudojant papildomų įvesties tipų, gestų ir didesnio vaizdo paviršiaus plotu. Užuot tiesiog perkėlę savo mobiliąsias socialines programas, pasirinkome „React Native“, nes ji leido mūsų komandoms kartoti ir greitai kurti, naudodama patikimas animacijos galimybes, puikų našumą ir bendrą platformą, kuri palaiko daugumą 2D Meta Quest sistemos programų.
„Instagram“ tinkle „React Native“ leido mūsų komandoms sukurti turtingą animaciją ir naujas sąveikas, kurios įkūnija didelį prekės ženklo dėmesį į kokybę ir malonumą. Šioje naujoje programoje pristatėme sklandų vaizdo įrašų įrašų perėjimą iš sklaidos kanalo į viso ekrano rodinį kartu su komentarais, neišmesdami nė vieno kadro. Įgalinome galimybę perbraukti nuotraukų krūvas valdiklio vairasvirte arba suėmus rankas. Taip pat pristatėme unikalią animaciją, leidžiančią užvesti ant interaktyvių elementų, kuri sklandžiai seka jūsų valdiklio judesius.
Kurdamos „Facebook“, skirtą „Meta Quest“, mūsų komandos pasinaudojo brandžiu kodu ir infrastruktūra, kuri palaiko mūsų Facebook.com darbalaukio patirtis. Mes panaudojome kodų dalijimosi technologijas, kad galėtume naudoti pakartotinai kai kurios sudėtingiausios ir patikimiausios funkcijos iš Facebook.com, pvz., naujienų kanalas ir komentavimas. Kai kurios iš šių kodų dalijimosi technologijų apima mūsų atvirojo kodo projektus, pvz., Meta StiliusX ir Reaguoti į griežtą DOM. Bendrindamos kodą, mūsų komandos galėtų mažiau laiko skirti pasikartojančiai verslo logikai ir daugiau dėmesio skirti „Meta Quest“ specifinių sąveikų ir patirties įtraukimui.
„Meta Horizon“ programa mobiliesiems
Šiais metais mes taip pat išleido naują mobiliąją programėlę „Meta Horizon“. – nauja išvaizda ir naujas pavadinimas. Išplėtėme programą, kad būtų lengviau bendrauti ir išreikšti save tiek naudojant ausines, tiek be jų. Pridėjome specialų skirtuką, kad galėtume lengvai tinkinti savo pseudoportretą ir išreikšti nuotaiką tiesiai iš telefono. Žmonės taip pat gali apsilankyti „Horizon Worlds“ ir atlikti užduotis naudodami programą, kad atrakintų išskirtinius avatarų stilius, elementus ir jaustukus.
Taip pat toliau tobulinome programos našumą. „Meta“ mūsų komandos paprastai žiūri į „Facebook Marketplace“ kaip į „React Native“ našumo etaloną. Tačiau „Meta Horizon“ programa yra atskira programa su „React Native“ programos šaltojo paleidimo kelyje, palyginti su „Facebook“ programa, kuri inicijuoja „React Native“, kai lankotės pirmame „React Native“ paviršiuje, o ne paleidžiant programą. Veiklos rezultatai, kuriuos mūsų komandos pateikė naudodami „React Native“, viršijo mūsų pradinius lūkesčius ir prilygsta „Meta“ mobiliosioms socialinėms programėlėms.
Mūsų „Meta Horizon“ komanda glaudžiai bendradarbiavo su „React“ komanda, kad profiliuotų mūsų programą ir rastų tobulinimo galimybių naudojant „Android Systrace“, „React DevTools“ ir naują Reaguok Native DevTools. Didžiausias patobulinimas, kurį padarė mūsų komandos, buvo tinklo užklausų inicijavimas anksčiau. Užuot inicijavęs tinklo užklausas, kai buvo pateikta produkto paviršiaus dalis, Relėmūsų GraphQL biblioteka, padėjo mūsų komandoms lengvai perkelti tą tinklo gavimą, kad būtų pradėtas spustelėjus naršymo mygtuką iš ankstesnio paviršiaus.
Meta Horizon parduotuvė
Taip pat paskelbėme, kad „Meta Horizon Store“ dabar visi kūrėjai gali skelbti programas, įskaitant 2D programas. Kad palaikytume šį pakeitimą, padarėme esminių „Horizon Store“ pakeitimų; naršymo sistemos pakeitimai, kad būtų palaikoma žymiai daugiau kategorijų, geresnis programų reitingavimas ir skirstymas į kategorijas bei nauja „Ankstyvosios prieigos“ skiltis.
„Meta Horizon Store“ yra paviršiai, leidžiantys atrasti ir įsigyti „Meta Quest“ programų ir žaidimų, taip pat tyrinėti pasaulius, į kuriuos galite keliauti „Horizon“. Kadangi turime centralizuotą komandą, kuri prižiūri parduotuvę keturiose platformose („Android“, „iOS“, „Horizon OS“, žiniatinklio), ir mums reikia funkcijų lygiateisiškumo šiose sąsajose, komanda gavo didžiulę naudą, galėdama naudoti „React“ ir „React Native“, nors šios visų pirma atskiri įgyvendinimai šiandien. Šios technologijos leido komandai daug greičiau įdiegti naujas funkcijas ir eksperimentuoti su mažesne komanda.
Kaip ir naujosios „Instagram“ bei „Facebook“ programos ir visa kita naudojant „React at Meta“, mūsų komandos naudoja „React infra“ pranašumą, pvz., „React Compiler“ ir „New React Native Architecture“. Per pastaruosius kelerius metus „React“ komanda bendradarbiavo su keliomis komandomis, kad sukurtų infrastruktūrą ir galimybes, leidžiančias dalytis įvairiomis platformomis kodais, kuriais „Meta Horizon Store“ komanda pradėjo naudotis. Pavyzdžiui, „Meta Horizon Store“ navigacijos ir maršruto parinkimo infrastruktūra iš pradžių įvairiose platformose buvo gana skirtinga. Dabar komanda pakartotinai naudoja vidinį „Meta“ maršrutizatorių „React“ programoms, kurios buvo iš pradžių sukurta Facebook.com kuri dabar taip pat veikia su „React Native“. Taip pat pakeitėme „Meta Horizon Store“ žiniatinklyje iš gryno CSS naudojimo į naudojimą StiliusXkuris kartu su Reaguoti į griežtą DOMleido jiems pakartotinai naudoti „Meta Horizon Store“ skyrių „Spotlight“ žiniatinklyje ir mišrioje realybėje. Tai leido mums greičiau palaikyti internacionalizuotą teksto atvaizdavimą ir šviesų/tamsų režimą reklamjuostėms bei paspartinti būsimus mūsų prekybos komandos patobulinimus.
Meta erdvinis redaktorius
Mes paskelbėme, Meta erdvinis SDK ir „Meta Spatial Editor“, kad mobiliųjų telefonų kūrėjai galėtų kurti įtraukiančius „Meta Horizon“ OS patirtį naudodami pažįstamas „Android“ kalbas, bibliotekas ir įrankius bei unikalias „Meta Quest“ galimybes, tokias kaip fizika, MR ir 3D. Norint sukurti puikią 3D patirtį, visada reikia turėti galimybę tiesiogiai vizualizuoti ir redaguoti savo scenas. „Meta Spatial Editor“ yra nauja darbalaukio programa, leidžianti importuoti, tvarkyti ir transformuoti išteklius į vaizdines kompozicijas ir eksportuoti juos į „Meta Spatial SDK“ naudojant glTF standartą.
Mūsų komandos sukūrė programą naudodami „React Native“, skirta darbalaukiuisuteikdamas vartotojams vietines „Windows“ ir „MacOS“ programas ir suteikdamas mūsų komandoms neįtikėtiną „React“ kūrėjo patirtį. Vienas iš pagrindinių veiksnių, lemiančių komandų sprendimą naudoti „React Native for Desktop“, o ne kitus žiniatinklio darbalaukio sprendimus, yra tai, kad „React Native“ suteikia komandai galimybę prireikus naudoti savąsias integracijas. Pagrindinę 3D sceną programoje maitina tinkintas 3D atvaizdavimo variklis, kuriam reikalingas tinkintas „React Native Native Component“ integravimas. Scenoje esantys „React Native“ skydeliai leidžia vartotojams modifikuoti įvairias ypatybes, kurios vėliau susisiekia su 3D atvaizdavimo įrenginiu per C++, todėl galime atnaujinti vartotojo sąsają 60 kadrų per sekundę greičiu.
Meta Spatial Editor komanda turėjo daug inžinierių, kurie pirmiausia turėjo C++ foną ir buvo įpratę kurti naudojant Qt. Šie komandos nariai iš pradžių skeptiškai žiūrėjo į „JavaScript“, bet galiausiai pamėgo „React Native“ teikiamą kūrėjo patirtį, pvz., „Fast Refresh“. Žiniatinklio kūrėjai savaime suprantama, kad kodo pakeitimus galima pamatyti išsaugant failą, tačiau vietiniams inžinieriams tai vis dar labai neįprasta. Ši kūrėjo patirtis leido mūsų komandoms kurti daug greičiau naudojant „React Native“.
Taip Meta kuria React
Daugiau nei prieš dešimtmetį „Meta“ pristatė „React“ pramonei per atvirą kodą. Mūsų „React“ komanda „Meta“ taip didžiuojasi šia patirtimi, kuri buvo paskelbta „Meta Connect 2024“. Šie produktai parodo „React“ galią, išraiškingumą ir lankstumą: nuostabią sąveiką, labai sudėtingą integraciją ir neįtikėtinai reaguojančios sąsajos. Ir, žinoma, jie visi pateikiami savo atitinkamose platformose, kad atitiktų vartotojų lūkesčius.
Per pastarąjį dešimtmetį „React“ komanda glaudžiai bendradarbiavo su „Meta“ komandomis ir atvirojo kodo bendruomenės nariais, siekdama sudaryti sąlygas tokio tipo produktams ir kūrėjams. „Meta“ inžinieriai naudoja „React“ visose platformose, kuriose pristatome vartotojo sąsajas: žiniatinklyje, mobiliajame telefone, darbalaukyje ir naujose platformose, pvz., MR. Kiekvieną kartą, kai „React“ komanda papildė naujos platformos palaikymą, komanda investavo į gilų idiomų ir vartotojų patirties toje platformoje lūkesčių supratimą, tada atitinkamai pritaikė ir optimizavo „React“. Nuolat pastebėjome, kad vienos platformos „React“ tobulinimas naudingas ir kitoms – tokį požiūrį „React“ komandos apibūdino savo Daug platformų vizija.
Šis modelis tęsėsi, kai komandos išplėtė paramą mišrios realybės įrenginių apribojimams ir galimybėms. Mūsų komandos pagerino paleisties ir taikomųjų programų reagavimą, padidino efektyvumą, kad sumažintų akumuliatoriaus išeikvojimą, ir ėmėsi svarbių žingsnių, kad įgalintų kodo bendrinimą žiniatinklio ir vietinėse platformose – su platforma pritaikytais tinkinimais. Šie laimėjimai nuolat buvo naudingi mūsų programoms kitose platformose, o naudotojų patirtis patobulinta tokiuose produktuose kaip Facebook.com ir Facebook Marketplace.
Mūsų inžinieriai investuoja į šiuos patobulinimus žinodami, kad jie bus naudingi ne tik Meta sukurtiems produktams, bet ir visiems React produktams pasaulyje. Meta ir toliau dalijasi šiais patobulinimais su atvirojo kodo bendruomene, kai tik tikime, kad jie yra pakankamai stabilūs, kad juos būtų galima pritaikyti plačiau. Anksčiau kai kuriomis iš šių technologijų dalijomės su atvirojo kodo bendruomene, įskaitant Reagavimo kompiliatorius, Reaguoti 19React Native’s Nauja Architektūra, StiliusX, Reaguoti į griežtą DOMir našumo patobulinimai pas Hermį. Šios ir kitos naujovės šiuo metu kuriamos, o mūsų komandos tikisi ateityje jomis pasidalinti su atvirojo kodo bendruomene!
Stranger Things™/© „Netflix“. Naudotas su leidimu.
