"Samer Buna", "Parashuram N", "Neehar Venugopal", "Cameron Westland" va "Jey Felps" kabi dasturchilar yaqinda jamoamiz bilan JavaScript-dagi yangi ishlanmalarni muhokama qilishdi.

Taqdim etilgan videolar sizga GraphQL, Redux-Observable, React Fiber, TC39 Import taklifi va “Extensible React” yangi atamasi bilan nima sodir bo‘layotgani haqida tasavvur beradi.

GraphQL va ReactJS

Samer Buna GraphQL, GraphQL obunalari, ReactJS qiymati haqida

Samer Buna GraphQL haqida gapiradi va so'rovlar tili bilan ishlash qanchalik ajoyibligi va uning React uchun qanchalik mos kelishi haqida fikr beradi. Til ma'lumotlarga bo'lgan aniq talablarni juda aniq tasvirlab beradi va front-end ilovalari va server o'rtasidagi ma'lumotlar almashinuvi jarayonini optimallashtiradi. Umuman olganda, bu REST API-ga qaraganda yaxshiroq til va almashtirish.

Samer, shuningdek, real vaqt rejimida aloqani taklif qiluvchi GraphQL obunalarini taqdim etadi, Samer bulutdan zudlik bilan grafik API-ni olish imkonini beruvchi paydo bo'lgan ilovalar haqida ham gapiradi. Agar biror kishi o'z ma'lumotlarini bulutda saqlashni xohlasa, endi modellarni aniqlash va kerakli grafik APIni olish uchun ishlatilishi mumkin bo'lgan ilovalar mavjud. Ushbu ishlanma boshlang'ich ishlab chiquvchilar uchun kirish to'siqlarini olib tashlaydi, chunki ular endi o'zlarining oldingi ilovalari uchun GraphQL-dan foydalanish uchun to'liq server ilovalarini yozishlari shart emas, ular shunchaki bulutda API yaratishlari mumkin.

React o'zini ishlash uchun ajoyib ramka ekanligini isbotlaydi, chunki u ixtisoslashgan va moslashuvchan. Angular yoki Emberdan farqli o'laroq, u tayyor dizayn qarorlariga ega emas yoki ishlab chiquvchilarni eksperimentdan cheklashi mumkin bo'lgan to'liq echimlarni taklif qilmaydi.

Samer, ishlab chiquvchilar React-ning sirlari va imkoniyatlariga ishonch hosil qilgandan so'ng, keyingi qadamlar Node-ni o'rganishni tavsiya qiladi. Uning fikricha, React ekotizimi va ko‘plab yangi vositalar tugunga asoslangan bo‘lgani uchun, React ishlab chiquvchilari jamiyat ichidagi vositalarni tushunish orqali bilimda katta kuchga ega bo‘lishlari mumkin.

Mobil markaz, brauzer unumdorligi va Microsoft-dan React Fiber vositalari

Parashuram N Microsoft kompaniyasida Mobil markaz, brauzer unumdorligi va React Fiber vositalari ustida ishlashni tasvirlaydi

Microsoft-da Parashuram N bir qator loyihalarda dastur menejeri sifatida ishlaydi. Bir misol, React uchun yaratilgan Visual Studio Code (VS Code) kengaytmasini o'z ichiga oladi, bu mualliflarga ilovalarni to'g'ridan-to'g'ri VS kodidan disk raskadrovka qilish imkonini beradi. Reaktiv ilovalarni bulutda sinab ko'rish imkoniyatini ochish uchun tajribalar o'tkazilmoqda.

Mobil markaz Microsoftdan kelgan yana bir loyihadir. Bu VS Code bilan birga ishlaydigan tizim bo'lib, odamlar bir-biridan foydalanishni yoki ikkalasini birlashtirishni tanlashlari mumkin. Mobil markaz ishlab chiquvchilarga ular bilan ishlashni xohlagan Github omborlarini tanlash imkonini beradi, ular imzolanadi, tuziladi, bulutda sinovdan o'tkaziladi va oxirgi foydalanuvchilarga tarqatiladi.

Veb-dasturchi bo'lish ko'plab imtiyozlarga ega, ulardan biri foydalanuvchilarga darhol o'zgarishlar kiritish qobiliyatiga ega. O'zgartirishlar yoki yangi xususiyatlarni taqdim etish jarayonida hech qanday kechikish yo'q va JavaScript charchoqlari odatda muammo emas. Kodni qo'llagan shaxslar buni to'xtovsiz bajarishlari mumkin. LiveReload, Hot Module Replacement va Browser Sync kabi ishlab chiqish amaliyotlari va texnologiyalari ham veb yaratishni boshqarishni osonlashtiradi. Bu imtiyozlarning barchasi veb-ishlab chiqish dunyosiga xosdir va React-ning internetga juda mos kelishiga sababdir.

Ilovalar haqiqatan ham mahalliy va veb-ga xos bo'lsa-da, mobil ishlab chiqish sohasida mahalliy reaktsiyaga o'tishni amalga oshirish juda oson. Buning sababi shundaki, g'oyalar mijozlarga Code Push kabi narsalardan foydalangan holda bir zumda tarqatilishi mumkin va ChakraCore-dagi vaqt sayohatini tuzatish funksiyasi kabi bir qator vositalar jarayonda yordam berish uchun mavjud.

Ishlash bilan bog'liq ko'plab loyihalar ham paydo bo'ldi, masalan, veb ishlashi yoki monitoring tizimlarini avtomatlashtirish imkonini beruvchi brauzer-perf; va React.js kutubxonasi ishlashini kuzatuvchi tv monster ilovasi. Ilova barcha ramkalar va reaktsiyaning barcha versiyalari uchun ishlash ma'lumotlarini avtomatik ravishda to'playdi. U Chrome va bir qator mobil brauzerlarda ishlaydi. Ushbu testlarni React-ning mavjud ishlash testlaridan farq qiladigan narsa shundaki, ular JavaScript-ga xos emas, balki brauzer nuqtai nazaridan.

Parashuram, shuningdek, Microsoft, RxJS falsafasini va VS Code-da Redux Observable uchun ishlab chiqarish vositalarini yaratishni muhokama qiladi.

TC39 Import taklifi va Webpack 2

TC39 Import taklifi, Webpack 2 va Neehar Venugopal bilan Sharqdagi React Jamiyati

Hozirgi vaqtda Neeharning dasturiy ta'minot muhandisi sifatidagi asosiy yo'nalishi dasturchilarga ilovalar yaratishni yanada samaraliroq qilishga yordam beradigan yechimni taqdim etishdan iborat. U import taklifining mualliflaridan biri bo'lib, mualliflarga kamroq kod jo'natishda yordam beradi va ishlashni optimallashtirish uchun muhimlarini ta'kidlaydi (ayniqsa, mobil qurilmalarda).

Import taklifi Webpack 2 da mavjud va TC39 taklifining 3-bosqichida, ya'ni u brauzerlarda ko'rinmagan. Biroq, odamlar uning ishlayotganiga rozi bo'lishadi, shuning uchun u juda tez orada amalga oshiriladi.

Import taklifining boshlanishi CSS uchun mobil va UI/UX uchun mobil haqidagi muzokaralardan ilhomlantirildi. JavaScript uchun mobil sifatida ko'rish hali muhokama qilinmagan edi, lekin mobil ilova tezligi va ishlashini yaxshilash kerak edi, mavzu nihoyat yuzaga chiqa boshladi. "Foydalanuvchiga ekranda nima borligini ko'rsatish uchun zarur bo'lgan minimal javascriptni qanday yuborishim mumkin" degan savol paydo bo'ldi. Veb-paketda dangasa yuklash va kodning bo'linishi sodir bo'lishi uchun dinamik import ham joriy etildi.

Nehar Sharqdagi React hamjamiyati haqida ham gapiradi. Garchi uzoq bo'lsa-da, bu sohadagi ishlab chiquvchilar barcha ishlab chiquvchilarning katta ishtiroki, xilma-xillik va jamoa a'zolari o'rtasidagi muloqot tufayli o'zlarini hamon hamjamiyatga qo'shilgan deb his qilishadi. Biroq, G'arbda yaxshilanishi mumkin bo'lgan narsa bu ishlashga ko'proq e'tibor berishdir. VueJS-dan farqli o'laroq, React unumdorlik muammolari tufayli unchalik keng qo'llanilmaydi.

Kengaytirilgan reaktsiya

Kameron Uestlend “Kengaytirilgan reaktsiya”ni taqdim etadi

Kameron Uestlend Autodesk dasturiy ta'minoti arxitektori bo'lib, hozirda React-da ishlaydigan yangi veb-versiyasi ustida ishlamoqda. "Extensible React" atamasi kiritildi va uni "ulab bo'ladigan veb-ilovalarni yaratishga deklarativ yondashuv" sifatida ta'riflash mumkin.

Kengaytirish ko'pincha ilovalarda qo'llaniladi. Biroq, kengaytiriladigan ilovalarni yaratish haqida gap ketganda, ko'p suhbat bo'lmaydi. Kemeron va uning Autodeskdagi jamoasi “Agar shaxs asboblar paneliga ega bo‘lsa va kengaytmadan foydalanib asboblar paneliga ikonka qo‘shmoqchi bo‘lsa, u qanday yo‘l tutadi” kabi savollarga javob berish orqali ushbu mavzu bo‘yicha kengroq muhokamani boshlashga harakat qilmoqda. ilova React-da qurilganmi?". Yechimning bir misoli Annihilus deb nomlanuvchi elektron pochta mijozini o'z ichiga oladi. U React-da qurilgan, kengaytmalarni taklif qiladi va odamlarga tungi elektron pochta mijoziga maxsus qismlarni qo'shish imkonini beradi.

Reactning eng katta jihatlaridan biri bu uning o'z hamjamiyatidan tashqari ekotizimga ta'siridir. Misol uchun, Reactdan oldin ko'plab UI ramkalari yaxlit edi. Ular konventsiyalarga amal qilishdi va tarkibiy qismlarga yo'naltirilmagan. React-dan so'ng, bir qator ramkalar o'z ilovalarini React-ga o'xshash bo'lishi uchun moslashtira va qayta yozishni boshladilar. Ushbu to'lqin effekti, albatta, React Fiber-dagi yangi o'zgarishlar bilan namoyon bo'ladi. Bunga qo'shimcha ravishda, React hamjamiyati ham ochiq fikrli va dalda beruvchi jamoadir. React nima bo'lishini yoki bo'lishi kerakligini hal qiladigan hech kim yo'q. U kuchli jamoaviy dinamikaga ega va ramka mualliflari tomonidan ishlab chiqilgan ko'plab g'oyalar jamiyat tomonidan boshqariladi.

Redux-Kuzatiladigan va Reaktiv Elyaf

Jay Felps Redux-Observable, React Fiber va ReactJS haqida

React hamjamiyati yangi g'oyalarni qabul qilishda eng ochiq jamoalardan biri sifatida tasvirlangan. Bu tubdan qayta ko'rib chiqishga olib keldi va hatto o'sha paytda antipattern deb taxmin qilingan. React ishlar qanday amalga oshirilganligini qayta ko'rib chiqishga va yangi eng yaxshi amaliyotlarni yaratishga muvaffaq bo'ldi. Ushbu yangi me'yorlar Angular va Ember kabi boshqa ramkalar tomonidan baham ko'rilgan va qabul qilingan.

Jey React ekotizimida yetakchilik qilayotgan bir nechta ochiq manba loyihalarini muhokama qiladi. Bularga redux-observable, React Fiber va Jest kiradi.

Jey redux-observable yoki RxJs haqidagi tasavvurga ega, bu kutubxonaning hammuallifi sifatida Epic-dan foydalangan holda asinxron yon ta'sirlarni yaratish yoki bekor qilish uchun vositachi dasturdir. Jey va Ben Lesh jamiyatdagi redux-thunk va redux-saga kabi boshqa g'oyalardan ilhomlangan.

Jey React Fiber haqida o'z nuqtai nazari va ishlab chiquvchilar ularni ko'rsatishda kirish yoki animatsiya kabi ba'zi elementlarga ustuvorlik berish qobiliyatini qanday kutishlari mumkinligi bilan o'rtoqlashadi.

Jest - bu oddiy sinov tizimi uchun oniy tasvirlar yoki kodlar yaratadigan birlik sinov tizimi. Bu dastlab qabul qilinmagan, ammo qaytadan ixtiro qilingan va hozir muvaffaqiyatli bo'lgan React kabi loyihaning namunasidir. Bugungi kunda Jest boshqa sinov tizimlarida taqlid qilinadi, chunki u juda foydali bo'ldi.

Hissa qo‘shish orqali jamiyat bilan ko‘proq ishtirok etish imkoniyatini boy bermang! React kutubxonasini “bu yerda” topishingiz mumkin.

Ushbu maqola "Trinh Kien" va "Tracy Li" tomonidan birgalikda yozilgan