From 3f17a09902d56167311f882a50568ba1a3a452e1 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Thu, 16 May 2024 07:29:15 +0700 Subject: [PATCH 1/8] wip: State of JS 2022 --- state_of_js_2022.yml | 572 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 572 insertions(+) create mode 100644 state_of_js_2022.yml diff --git a/state_of_js_2022.yml b/state_of_js_2022.yml new file mode 100644 index 0000000..f15e5b1 --- /dev/null +++ b/state_of_js_2022.yml @@ -0,0 +1,572 @@ +locale: id-ID +translations: + ########################################################################### + # General + ########################################################################### + + - key: general.results.description + t: Survei tahunan Edisi 2022 seputar trend terbaru dalam ekosistem JavaScript. + + - key: general.livestream_announcement + t: Pastikan untuk mengikuti [siaran langsung hasil survei](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) pada 22 Februari! (Bahasa Inggris) + + ########################################################################### + # Introduction + ########################################################################### + + - key: introduction.js2022 + t: | + + Setelah bertahun-tahun stabilitas, sekarang banyak yang mempertanyakan kondisi saat ini. + + Kerangka front-end baru seperti Solid dan Qwik berpendapat bahwa React mungkin bukan solusi untuk segalanya, dan pada posisi server Astro, Remix dan Next.js (beberapa diantaranya) membuat kita memikirkan kembali berapa banyak kode yang harus kita kirim ke klien. + + Kita butuh semua data yang bisa kita dapatkan untuk memastikannya, bahkan survei tahun ini mendapat respon sebanyak **39,472**, hampir dua kali lipat dari tahun lalu! + + Karena banyaknya responden, Anda pasti menyadari hasil yang mengejutkan, seperti beberapa fitur yang turun secara berkala dalam hal kesadaran dan pemakaian. + + Tetapi mendapat banyak data juga berarti dapat membuka potensi baru, oleh karena itu Kami mengembangkan dua cara untuk berinteraksi dengan dataset Kami: **Jelajah Data** membolehkan Anda untuk melakukan referensi silang antara dua variabel dan menyorot hasil tertentu; sementara **Filter Bagan** membolehkan Anda untuk mem-filter spesifik bagan berdasarkan gaji, negara, jenis kelamin, dan variabel demografis lainnya. + + Kita juga mengganti kategori keseluruhan "back-end" dengan yang lebih spesifik **Kerangka Rendering** dan menambahkan sebuah daftar **Kreator Video** pada bagian sumber. + + Yang terakhir, pertanyaan seputar Fitur dan Pustaka juga sudah terdapat popup **Komentar** yang membolehkan Anda untuk melihat apa yang orang-orang pikirkan tentang item yang disebutkan dalam survei! + + Tanpa berlama-lama lagi, mari kita cari tahu bagaimana keadaan JavaScript pada tahun 2022! + + – Sacha Greif + + ########################################################################### + # Tshirt + ########################################################################### + + - key: sections.tshirt.title + t: Kaos + + - key: sections.tshirt.description + t: | + ## Dukung Survei ini Dengan Kaos State of JavaScript + + Antara kualitas video yang buruk, kaset yang tebal, dan perlu memutar ulang lagi, tidak banyak yang bisa kita rindukan dari era VHS. Tetapi ada satu *hal* yang kita rindukan ialah visual luar biasa yang disuguhkan pada kita dari era tahun 90-an yang menghiasi rekaman VHS yang kosong. + + Tetapi sekarang, berkat talenta Christopher Kirk-Nielsen Anda dapat menikmati semua sensasi retro sembari merayakan cinta Kita pada JavaScript! + + - key: tshirt.about + t: Tentang kaos + + - key: tshirt.description + t: | + Kami menggunakan kaos tri-blend berkualitas tinggi yang sangat lembut dengan bentuk ramping yang dicetak dari mitra kami di Cotton Bureau. + + - key: tshirt.getit + t: Dapatkan + + - key: tshirt.price + t: USD $29 + pengiriman + + - key: tshirt.designer.heading + t: Tentang perancang kaos + + - key: tshirt.designer.name + t: Christopher Kirk-Nielsen + + - key: tshirt.designer.bio + t: | + Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, namun juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! + + ########################################################################### + # Sections + ########################################################################### + + - key: sections.user_info.description + t: | + Pada tahun ini, **39,471** responden mengambil bagian untuk mengisi survei. dan untuk membantu + menyorot suara dan wawasan mendalam yang berbeda, kita melakukan perlakuan khusus + untuk memberikan cara baru untuk membagi data kita. + + - key: sections.features.description + t: | + JavaScript mungkin bergerak cepat, tapi sepertinya para pengembang JavaScript bergerak lebih cepat, karena sudah terdapat banyak fitur baru yang mendapat level adopsi yang tinggi. + + - key: sections.technologies.description + t: | + Hasil tahun ini menunjukkan fregmentasi yang tinggi dalam dunia JavaScript. Terkadang hal ini membuat kita sakit kepala, tetapi kompetisi tersebut berhasil membuat sebuah ekosistem yang sangat dinamis. + + - key: sections.tools_others.description + t: | + Memilih sebuah teknologi sering berujung pada pilihan sulit antara memilih prioritas, dan pada tahun ini Kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. + + - key: sections.environments.description + t: | + Aksesibilitas selalu jadi renungan saat mengembangkan aplikasi berbasis web, tetapi banyak pengembang yang sekarang sadar akan pentingnya mendahulukan fitur itu. + + - key: sections.resources.description + t: | + Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kita memutuskan untuk selangkah lebih jauh lagi dan bahkan menyorot orang-orang yang membangun komunitas JavaScript! + + - key: sections.opinions.description + t: | + Baik itu hal yang merepotkan, atau fitur hilang yang diharapkan untuk segera bisa digunakan, ini adalah kesempatan Anda untuk membagikan keluhan seputar JavaScript! + + ########################################################################### + # Charts + ########################################################################### + + - key: options.features_categories.language + aliasFor: sections.language.title + - key: options.features_categories.browser_apis + aliasFor: sections.browser_apis.title + - key: options.features_categories.other_features + aliasFor: sections.other_features.title + + - key: blocks.tools_quadrant.description + t: | + Bagan ini menunjukkan **rasio retensi** dari setiap teknologi berdasarkan total **jumlah pengguna**. + yang di mana akan dipecah menjadi 4 kuadran: + + - **1**: Pemakaian rendah, retensi tinggi. Teknologi yang patut diperhatikan. + + - **2**: Pemakaian tinggi, retensi tinggi. Teknologi yang aman untuk diadopsi. + + - **3**: Pemakaian rendah, retensi rendah. Teknologi yang sulit untuk dijadikan rekomendasi. + + - **4**: Pemakaian tinggi, retensi rendah. Harap pertimbangkan kembali teknologi ini jika Anda sedang memakainya. + + ########################################################################### + # Notes + ########################################################################### + + - key: blocks.gender.note + t: | + Jika Anda tertarik untuk mempelajari lebih lanjut, Kami [telah menulis sebuah postingan blog](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj) tentang survei dinamika jenis kelamin. + + - key: blocks.css_missing_features.note + t: | + Anda dapat menjelajahi keseluruhan dataset jawaban pertanyaan ini pada [proyek sampingan ini](https://whatsmissingfromcss.com/). + + - key: blocks.source.note + t: > + + Bagan ini menggabungkan campuran dari referensi, parameter URL, dan jawaban bebas. + + - State of JS: daftar surat [State of JS](https://stateofjs.com). + + - State of CSS: daftar surat State of CSS; juga mencocokan `email`, `by email`, dll. + + - Work: mencocokan `work`, `colleagues`, `coworkers`, dll. + + ########################################################################### + # Awards + ########################################################################### + + - key: award.feature_adoption_delta_award.comment + t: Dengan peningkatan **{value}** pada tahun 2022, **top-level await** telah menjadi bagian tak terpisahkan dari JavaScript. + + - key: award.tool_usage_delta_award.comment + t: | + **Vite** baru berumur 2 tahun, tetapi dengan peningkatan **{value}** dalam setahun terakhir membuatnya mendapatkan posisi pertama. + + - key: award.tool_satisfaction_award.comment + t: Vite meraih posisi teratas dengan rasio retensi tertinggi sebesar **{value}**! + + - key: award.tool_interest_award.comment + t: Dengan **{value}** rasio ketertarikan, Vite sekali lagi mendapatkan medali emas! + + - key: award.most_write_ins_award.comment + t: Banyak pertanyaan dan juga jawaban write-in yang diterima, dan dengan **{value}** kali penyebutan **Astro** berhasil menjadi item yang paling populer. + + - key: award.most_commented_feature_award.comment + t: Dengan **{value}** komentar, tidak ada fitur yang bahkan mendekati jumlah peraihan umpan balik sebanyak Private Fields. + + - key: award.most_commented_tool_award.comment + t: Dengan **{value}** komentar, React menunjukkan bahwa itu masih menjadi pustaka yang paling banyak dibicarakan. + + ########################################################################### + # Conclusion + ########################################################################### + + - key: conclusion.js2022 + t: | + JavaScript dan TypeScript menjadi lebih hidup dari sebelumnya. + + Kita melihat banyak inovasi-inovasi berkelanjutan, banyak diantaranya dalam reaktivitas dan hydration (atau kekurangannya). Contohnya, [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) took on simplicity in developer ergonomics and leaned into the compiler. Solid’s explored [new approaches to reactivity](https://www.youtube.com/watch?v=2iK9zzhSKo4), while Qwik [shifted our mental model with resumability](https://www.youtube.com/watch?v=Zddw6qy5pf0). + + Innovation is also exciting to see in multi-platform solutions like Tauri, Ionic and Flutter, which opens the door to see applications that span across even more platforms. + + We see globally distributed talent- like Nigeria and now India [having the highest developer growth on GitHub](https://octoverse.github.com/2022/global-tech-talent). Around the world, there are amazing projects like Segun Adebayo's [Chakra UI](https://chakra-ui.com/), or Liyas Thomas's [Hoppscotch](https://hoppscotch.io/), and folks supporting other people’s growth and learning like Ada Nduka Oyom who founded [SheCodeAfrica](https://shecodeafrica.org/), a non-profit organization that has helped empower over 17K women across Africa. + + When we look at established frameworks like React, Angular, or Vue we often see a drop in satisfaction, and people may wonder what it means for the future. I believe that this decline is a function of the tool being battle-tested and used in production, of finding the rough edges and experiencing the trade-offs every tool has. It’s a sign of maturity and clear-eyed appreciation for what these tools can offer. They will also learn from innovation in the space and continue to evolve. + + Finally, I couldn’t be happier to see Vite’s absolute resounding presence in the award section for the second year in a row. Build and serve tech is truly making massive strides and we all benefit from this hard work. Bravo! + + - key: conclusion.js2022.bio + t: Director of Engineering and Web Infrastructure, Google + + ########################################################################### + # Picks + ########################################################################### + + - key: picks.my_pick + t: "My 2022 Pick: " + - key: picks.intro + t: We asked members of the JavaScript community to share their “pick of the year” + + # https://svelte.dev/blog/announcing-sveltekit-1.0 + - key: picks.lee_robinson.name + t: SvelteKit 1.0 + - key: picks.lee_robinson.bio + t: VP of Developer Experience at Vercel + - key: picks.lee_robinson.description + t: | + Two years in the making, SvelteKit is finally ready for production – + and it has no shortage of amazing features for developers. + + # - key: picks.vadim_makeev.name + # t: Server-Side Rendering + # - key: picks.vadim_makeev.bio + # t: DevRel, Podcaster & Web Standards Advocate + # - key: picks.vadim_makeev.description + # t: | + # The time has come to get our priorities straight. + # UX > DX, and it has always been like that. Performance FTW! + + # - key: picks.ben_ilegbodu.name + # t: Lee Robinson + # - key: picks.ben_ilegbodu.bio + # t: Ben Ilegbodu, Principal Frontend Engineer @ Stitch Fix + # - key: picks.ben_ilegbodu.description + # t: | + # Lee has been great at shepherding and advocating for Next.js. + # He's helped me a ton with Next and continues to build excitement + # for where it's going + + # - key: picks.shawn_wang.name + # t: Supabase + # - key: picks.shawn_wang.bio + # t: Head of DX at Temporal + # - key: picks.shawn_wang.description + # t: | + # Supabase is making Postgres accessible to more developers and showing + # everyone how a small focused team can out-ship peers 10x their size. + + # - key: picks.sarah_drasner.name + # t: Pawel Kozlowski + # - key: picks.sarah_drasner.bio + # t: Director of Engineering, Core Developer Web at Google + # - key: picks.sarah_drasner.description + # t: | + # Pawel Kozlowski is the kind of developer who can be open-minded to different + # approaches with humility and curiosity with the interest of improving things. + + # - key: picks.sara_vieira.name + # t: Paul Henschel + # - key: picks.sara_vieira.bio + # t: International Agent of JS Bullshit + # - key: picks.sara_vieira.description + # t: | + # Paul's work on animations and ReactThreeFiber + # have made doing any kind of 3D work on the web way easier. + + # - key: picks.mark_erikson.name + # t: Ryan Carniato + # - key: picks.mark_erikson.bio + # t: Redux Maintainer + # - key: picks.mark_erikson.description + # t: | + # Ryan's reactive JS framework SolidJS hit 1.0, + # and he wrote numerous articles analyzing advanced + # JS framework implementation concepts. + + # - key: picks.alyssa_nicoll.name + # t: BroccoDev's Twitch Stream + # - key: picks.alyssa_nicoll.bio + # t: Sr. Developer Advocate at Progress + # - key: picks.alyssa_nicoll.description + # t: | + # Mike Brocchi recently started streaming to Twitch. He is a brilliant programmer, + # developer, and most importantly teacher. + # I always have a blast watching his streams and learning from him. + + # - key: picks.michael_jackson.name + # t: esbuild + # - key: picks.michael_jackson.bio + # t: Co-founder of Remix + # - key: picks.michael_jackson.description + # t: | + # We have been building the Remix compiler on top of esbuild and it + # has definitely raised the bar as far as JS bundlers are concerned. + # It's incredibly fast and the plugin API allows us to do pretty much anything we want. + + # - key: picks.david_khourshid.name + # t: Remix + # - key: picks.david_khourshid.bio + # t: Pianist and founder of Stately + # - key: picks.david_khourshid.description + # t: | + # Remix is a full-stack web framework that feels old-school, but in a good way, + # by putting you on the path to create fast, complex, and accessible modern web apps. + + # - key: picks.kent_c_dodds.name + # t: Fly.io + # - key: picks.kent_c_dodds.bio + # t: Director of Developer Experience, Remix + # - key: picks.kent_c_dodds.description + # t: | + # Fly enabled me (a frontend engineer with a distain for DevOps) + # to confidently deploy a real-world, globally-distributed, production-grade + # app. + + # - key: picks.tejas_kumar.name + # t: Joe Haddad + # - key: picks.tejas_kumar.bio + # t: Web Developer, Conference Speaker, and Director of DevRel at Xata + # - key: picks.tejas_kumar.description + # t: | + # Joe works on Next.js at Vercel and is constantly looking to proudly + # demonstrate its power while actively listening + # to feedback from the community to support them better. + + # - key: picks.wes_bos.name + # t: TC39 Proposals + # - key: picks.wes_bos.bio + # t: JavaScript Teacher & Podcast Host + # - key: picks.wes_bos.description + # t: | + # A Git repo full of all the things that have been proposed to be added to JavaScript. It's really fun to read through all the ideas people have for the language and see them go through the stages. + + # - key: picks.scott_tolinski.name + # t: SvelteKit + # - key: picks.scott_tolinski.bio + # t: Creator of Level-Up Tuts, co-host of Syntax + # - key: picks.scott_tolinski.description + # t: | + # Svelte Kit provides the amazing developer experience of Svelte with all + # of the modern features of expected from a web platform. + + # https://astro.build/ + - key: picks.miguel_angel_duran.name + t: Astro + - key: picks.miguel_angel_duran.bio + t: Twitch Coding Streamer & Content Creator + - key: picks.miguel_angel_duran.description + t: | + Astro is a new exciting static site generator. + Zero client JavaScript by default, lazy-loading hydration, + and framework-agnostic. Built on top of Vite, it's blazing fast and easy to use. + + # https://sandpack.codesandbox.io/ + - key: picks.josh_comeau.name + t: Sandpack + - key: picks.josh_comeau.bio + t: Software developer and educator + - key: picks.josh_comeau.description + t: | + The folks at CodeSandbox open-sourced their ridiculously + powerful in-browser bundler, and packaged + it up in a world-class embedded code editor. Such an amazing tool! + + # https://github.com/tc39/proposal-type-annotations + - key: picks.rich_harris.name + t: Type Annotations Proposal + - key: picks.rich_harris.bio + t: Principal Software Engineer, Vercel + - key: picks.rich_harris.description + t: | + I'm going to nominate the type annotations proposal, which was shared with the world this year. + + # https://twitter.com/mooeypoo + - key: picks.cassidy_williams.name + t: Moriel Schottlender + - key: picks.cassidy_williams.bio + t: CTO at Contenda, Memer and Dreamer + - key: picks.cassidy_williams.description + t: | + Moriel is an inspiring developer who gives passionate, + interesting talks about internationalization and accessibility, + and some of the things she's built with Vue are SO cool, + everyone should check them out! + + # https://www.withdiode.com/ + - key: picks.charlie_gerard.name + t: Diode + - key: picks.charlie_gerard.bio + t: Senior Developer Advocate at Stripe, Author and Creative Technologist + - key: picks.charlie_gerard.description + t: | + Diode is an interactive tool to build and simulate hardware projects in the browser. + As a hardware tinkerer, this is really exciting and the interface built with + Three.js is great! + + # https://arisa-fukuzaki.dev/ + - key: picks.alba_silvente.name + t: Arisa Fukuzaki + - key: picks.alba_silvente.bio + t: FrontEnd developer working as DevRel at Storyblok + - key: picks.alba_silvente.description + t: | + Arisa is a hybrid between FrontEnd and Dev Rels, lover of React and its ecosystem, + she is always thinking about giving back to the community and contributes by giving talks, + workshops and articles on the subject. + + # https://github.com/statelyai/xstate + - key: picks.matt_pocock.name + t: XState + - key: picks.matt_pocock.bio + t: TypeScript educator from the UK, building Total TypeScript. + - key: picks.matt_pocock.description + t: | + If I were given something complicated to build from scratch, + like a spreadsheet, WYSIWYG, or video calling app, I'd use XState. + It's the only library I can rely on to build complex systems. + + # https://beta.reactjs.org/ + - key: picks.kathryn_grayson_nanz.name + t: React Beta Docs + - key: picks.kathryn_grayson_nanz.bio + t: Developer Advocate at Progress + - key: picks.kathryn_grayson_nanz.description + t: | + The new React docs are incredibly well-written, accessible for beginners, + and beautifully designed. + Documentation is one of the hardest things to do well, + so this fantastic example is my pick of the year! + + - key: picks.ryan_carniato.name + t: Astro + - key: picks.ryan_carniato.bio + t: Creator of Solid + - key: picks.ryan_carniato.description + t: | + While Astro has been popularizing the "Islands" architecture for the past couple of years, 2022 saw it reach 1.0 and bring on-demand server rendering. It's never been easier to create great sites while shipping less JavaScript. + + - key: picks.theo_browne.name + t: tRPC + - key: picks.theo_browne.bio + t: Youtube Ranter & CEO @Ping.gg + - key: picks.theo_browne.description + t: | + 2022 was a big year for fullstack type-safety, and tRPC deserves most of the credit. tRPC is one of those rare libraries that makes everything you used before feel… awful, honestly. Never felt more productive as a full stack engineer. + + - key: picks.sebastien_lorber.name + t: Remotion + - key: picks.sebastien_lorber.bio + t: This Week In React founder and Docusaurus maintainer + - key: picks.sebastien_lorber.description + t: | + The ability to create videos with React is rad. We can get creative and use any cutting-edge web technology, not only DOM/CSS. With the GitHub Unwrapped project, it has proved it can scale, render thousands of videos and be an awesome marketing tool. + + - key: picks.ben_holmes.name + t: Zod + - key: picks.ben_holmes.bio + t: Open source maintainer at Astro + - key: picks.ben_holmes.description + t: | + Runtime safety came to define 2022 with tRPC's rise to stardom. + Now, with Astro using Zod for type-safe Markdown and Remix users bringing Zod to form validation, + it's becoming an must-have for any JavaScript developer + + - key: picks.tyler_mcginnis.name + t: TanStack + - key: picks.tyler_mcginnis.bio + t: Founder, UI.dev + - key: picks.tyler_mcginnis.description + t: | + My JavaScript pick of the year is TanStack, or anything else that + Tanner and Dominik make. + + - key: picks.shaundai_person.name + t: Sarah Drasner + - key: picks.shaundai_person.bio + t: Senior Software Engineer, Netflix + - key: picks.shaundai_person.description + t: | + Sarah continues to give back to the community through blog posts, public speaking, and most recently - her book "Engineering Management for the Rest of Us". + + - key: picks.xxxx.name + t: + - key: picks.xxxx.bio + t: + - key: picks.xxxx.description + t: | + + ########################################################################### + # Sponsors + ########################################################################### + + - key: sponsors.frontendmasters.description + t: Advance your skills with in-depth, modern front-end engineering courses. + - key: sponsors.google_chrome.description + t: Thanks to the Google Chrome team for supporting our work. + - key: sponsors.renderatl.description + t: This is a tech conference focused on Front-End Engineering. + + ########################################################################### + # FAQ/About + ########################################################################### + + - key: about.content + t: | + The 2022 State of JS survey ran from November 21 to December 22 2022, and collected 39,472 responses. The survey is run by [Sacha Greif](https://sachagreif.com/) and [Eric Burel](https://www.lbke.fr/), with help from a team of open-source contributors and consultants. + + This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). + + ### Survey Goals + + This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. + + As such, the survey is focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. + + It should also be taken as a **snapshot of a specific subset of developers**, and is not meant to speak for the entire ecosystem. + + ### Survey Design + + The survey was designed in part based on last year's survey, with an open feedback period where the survey outline was discussed [on GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). + + All survey questions were optional. + + ### Survey Audience + + The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic. + + Note that frameworks, libraries, etc. were free to encourage their audience to participate in the survey and some of them did take advantage of this via banners, tweets, etc. A detailed breakdown of traffic sources is included in the "Sources" chart. + + ### Representativeness & Inclusivity + + While we believe it's important to give a voice to every community, the reality is that an open survey like this one will always struggle to properly represent everybody, especially when operating through systems that already carry their own inherent biases. + + In order to counter-balance this, we are implementing three distinct strategies: + + - **Outreach**: we always try to reach out to different organizations (such as BIPOC- or LGBTQ-focused organizations, or online teaching platforms) to try and diversify our own audience. + + - **Data Analysis**: through features like facets and variants, we're always trying to make it easier to surface the voices of any demographic segment, no matter how minoritized it might be in our data. + + - **Barrier Lowering**: making the survey too long, inaccessible, slow to load, English-only, etc. can all contribute to imposing an "effort tax" that cuts off the parts of the community that can't afford to pay it. Fixing these issues can lower the barrier to entry and in the process make our audience more diverse. + + ### Project Funding + + Funding from this project comes from a variety of sources: + + - **T-shirt sales**. + + - **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report. + + - **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partners [Frontend Masters](https://frontendmasters.com/) and [RenderATL](https://www.renderatl.com/). + + - **Other Funding**: this year, [Google](https://www.google.com/) and [Nijibox](https://nijibox.jp/) funded my work on the survey directly. + + Any contribution or sponsorship is greatly appreciated. I would especially like to work closely with more browser vendors, since they play such a central role in the web ecosystem. + + ### Technical Overview + + You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4). + + - **Data collection**: custom [Vulcan.js](http://vulcanjs.org/) app. + + - **Data storage/processing**: MongoDB & MongoDB Aggregations. + + - **Data API**: Node.js GraphQL API. + + - **Results Site**: [Gatsby](https://www.gatsbyjs.com/) React app. + + - **Data Visualizations**: [Nivo](https://nivo.rocks/) React dataviz library. + + - **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). From 9fe23f5d2bc43bafa00fbf785b15e6752ce32627 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Thu, 16 May 2024 17:45:18 +0700 Subject: [PATCH 2/8] wip: translate some strings --- state_of_js_2022.yml | 81 +++++++++++++++++++++++--------------------- 1 file changed, 42 insertions(+), 39 deletions(-) diff --git a/state_of_js_2022.yml b/state_of_js_2022.yml index f15e5b1..e704fe7 100644 --- a/state_of_js_2022.yml +++ b/state_of_js_2022.yml @@ -71,7 +71,7 @@ translations: - key: tshirt.designer.bio t: | - Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, namun juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! + Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! ########################################################################### # Sections @@ -93,19 +93,23 @@ translations: - key: sections.tools_others.description t: | - Memilih sebuah teknologi sering berujung pada pilihan sulit antara memilih prioritas, dan pada tahun ini Kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. + Memilih sebuah teknologi sering berujung pada pilihan sulit antara memilih prioritas, + dan pada tahun ini Kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. - key: sections.environments.description t: | - Aksesibilitas selalu jadi renungan saat mengembangkan aplikasi berbasis web, tetapi banyak pengembang yang sekarang sadar akan pentingnya mendahulukan fitur itu. + Aksesibilitas selalu jadi pertimbangan saat mengembangkan aplikasi berbasis web, + tetapi banyak pengembang yang sekarang sadar akan pentingnya mendahulukan fitur itu. - key: sections.resources.description t: | - Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kita memutuskan untuk selangkah lebih jauh lagi dan bahkan menyorot orang-orang yang membangun komunitas JavaScript! + Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kita memutuskan untuk selangkah lebih jauh lagi + dan bahkan menyorot orang-orang yang membangun komunitas JavaScript! - key: sections.opinions.description t: | - Baik itu hal yang merepotkan, atau fitur hilang yang diharapkan untuk segera bisa digunakan, ini adalah kesempatan Anda untuk membagikan keluhan seputar JavaScript! + Baik itu hal yang merepotkan, atau fitur hilang yang diharapkan untuk segera bisa digunakan, + ini adalah kesempatan Anda untuk membagikan keluhan seputar JavaScript! ########################################################################### # Charts @@ -121,7 +125,7 @@ translations: - key: blocks.tools_quadrant.description t: | Bagan ini menunjukkan **rasio retensi** dari setiap teknologi berdasarkan total **jumlah pengguna**. - yang di mana akan dipecah menjadi 4 kuadran: + yang mana akan dipecah menjadi 4 kuadran: - **1**: Pemakaian rendah, retensi tinggi. Teknologi yang patut diperhatikan. @@ -150,9 +154,9 @@ translations: - State of JS: daftar surat [State of JS](https://stateofjs.com). - - State of CSS: daftar surat State of CSS; juga mencocokan `email`, `by email`, dll. + - State of CSS: daftar surat State of CSS; juga mencocokkan `email`, `dengan email`, dll. - - Work: mencocokan `work`, `colleagues`, `coworkers`, dll. + - Work: mencocokkan `kerja`, `kolega`, `rekan kerja`, dll. ########################################################################### # Awards @@ -188,37 +192,37 @@ translations: t: | JavaScript dan TypeScript menjadi lebih hidup dari sebelumnya. - Kita melihat banyak inovasi-inovasi berkelanjutan, banyak diantaranya dalam reaktivitas dan hydration (atau kekurangannya). Contohnya, [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) took on simplicity in developer ergonomics and leaned into the compiler. Solid’s explored [new approaches to reactivity](https://www.youtube.com/watch?v=2iK9zzhSKo4), while Qwik [shifted our mental model with resumability](https://www.youtube.com/watch?v=Zddw6qy5pf0). + Kita melihat banyak inovasi-inovasi berkelanjutan, banyak diantaranya dalam reaktivitas dan hydration (atau kekurangannya). Contohnya, [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) mengedepankan kemudahan dalam pengembangan ergonomis dan tertuju pada compiler. Solid juga mengembangkan [metode baru untuk reaktifitas](https://www.youtube.com/watch?v=2iK9zzhSKo4), sementara Qwik [shifted contoh mental Kami dalam keberlanjutan](https://www.youtube.com/watch?v=Zddw6qy5pf0). - Innovation is also exciting to see in multi-platform solutions like Tauri, Ionic and Flutter, which opens the door to see applications that span across even more platforms. + Inovasi juga sangat di nanti-nantikan dalam solusi multi-platform seperti Tauri, Ionic dan Flutter, yang telah membuka pintu untuk melihat aplikasi yang dapat berada di lebih banyak platform. - We see globally distributed talent- like Nigeria and now India [having the highest developer growth on GitHub](https://octoverse.github.com/2022/global-tech-talent). Around the world, there are amazing projects like Segun Adebayo's [Chakra UI](https://chakra-ui.com/), or Liyas Thomas's [Hoppscotch](https://hoppscotch.io/), and folks supporting other people’s growth and learning like Ada Nduka Oyom who founded [SheCodeAfrica](https://shecodeafrica.org/), a non-profit organization that has helped empower over 17K women across Africa. + Kita melihat distribusi talenta secara global- seperti Nigeria dan sekarang India [Menjadi negara dengan pertumbuhan pengembang tertinggi di GitHub](https://octoverse.github.com/2022/global-tech-talent). Di seluruh dunia, ada banyak proyek menakjubkan seperti proyek Segun Adebayo [Chakra UI](https://chakra-ui.com/), atau proyek Liyas Thomas [Hoppscotch](https://hoppscotch.io/), dan orang-orang yang membantu orang lain belajar dan berkembang seperti Ada Nduka Oyom yang membuat [SheCodeAfrica](https://shecodeafrica.org/), yayasan yang telah membantu memberdayakan lebih dari 17k wanita di seluruh Benua Afrika. - When we look at established frameworks like React, Angular, or Vue we often see a drop in satisfaction, and people may wonder what it means for the future. I believe that this decline is a function of the tool being battle-tested and used in production, of finding the rough edges and experiencing the trade-offs every tool has. It’s a sign of maturity and clear-eyed appreciation for what these tools can offer. They will also learn from innovation in the space and continue to evolve. + Saat Kita melihat kembali pembentukan kerangka kerja seperti React, Angular, atau Vue kita sering melihat ketidakpuasan, dan orang-orang mungkin ingin tahu bagaimana kedepannya. Saya percaya bahwa ketidakpuasan ini sebagai tanda bahwa tool dalam proses battle-tested dan digunakan di production, dalam mencari kecacatan dan mencoba kelebihan yang dimiliki masing-masing tool. Ini adalah tanda kematangan dan apresiasi untuk apa yang bisa diberikan oleh sebuah tool. Mereka juga akan belajar dari inovasi-inovasi dan akan terus berkembang. - Finally, I couldn’t be happier to see Vite’s absolute resounding presence in the award section for the second year in a row. Build and serve tech is truly making massive strides and we all benefit from this hard work. Bravo! + AKhir kata, Saya sangat senang melihat kehadiran Vite di dalam bagian penghargaan untuk dua tahun berturut-turut. Membangun dan menyediakan teknologi itu merupakan langkah yang sangat besar dan kita mendapat kemudahan dari kerja keras ini. Bravo! - key: conclusion.js2022.bio - t: Director of Engineering and Web Infrastructure, Google + t: Direktur Teknik dan Infrastruktur Web, Google ########################################################################### # Picks ########################################################################### - key: picks.my_pick - t: "My 2022 Pick: " + t: "Pilihan 2022 dariku: " - key: picks.intro - t: We asked members of the JavaScript community to share their “pick of the year” + t: Kita bertanya kepada beberapa anggota komunitas JavaScript untuk membagikan "Pilihan terbaik tahun ini" versi mereka # https://svelte.dev/blog/announcing-sveltekit-1.0 - key: picks.lee_robinson.name t: SvelteKit 1.0 - key: picks.lee_robinson.bio - t: VP of Developer Experience at Vercel + t: Wakil Presiden dari Pengalaman Pengembang di Vercel - key: picks.lee_robinson.description t: | - Two years in the making, SvelteKit is finally ready for production – - and it has no shortage of amazing features for developers. + Dua tahun proses pembuatan, SvelteKit akhirnya siap untuk production – + dan itu mempunyai banyak fitur hebat untuk para pengembang. # - key: picks.vadim_makeev.name # t: Server-Side Rendering @@ -349,52 +353,51 @@ translations: t: Twitch Coding Streamer & Content Creator - key: picks.miguel_angel_duran.description t: | - Astro is a new exciting static site generator. - Zero client JavaScript by default, lazy-loading hydration, - and framework-agnostic. Built on top of Vite, it's blazing fast and easy to use. + Astro adalah static site generator baru yang menarik. + secara default tanpa client JavaScript, lazy-loading hydration, + dan framework-agnostic. dibangun di atas Vite, menjadikannya sangat cepat dan mudah digunakan. # https://sandpack.codesandbox.io/ - key: picks.josh_comeau.name t: Sandpack - key: picks.josh_comeau.bio - t: Software developer and educator + t: Pengembang perangkat lunak dan pengajar - key: picks.josh_comeau.description t: | - The folks at CodeSandbox open-sourced their ridiculously - powerful in-browser bundler, and packaged - it up in a world-class embedded code editor. Such an amazing tool! + Tim CodeSandbox menjadikan in-browser bundler yang menakjubkan menjadi open-source, + dan dikemas dengan ditanam pada code editor kelas dunia. + Sungguh tool yang luar biasa! # https://github.com/tc39/proposal-type-annotations - key: picks.rich_harris.name - t: Type Annotations Proposal + t: Proposal Type Annotation - key: picks.rich_harris.bio - t: Principal Software Engineer, Vercel + t: Principal Perangkat Lunak, Vercel - key: picks.rich_harris.description t: | - I'm going to nominate the type annotations proposal, which was shared with the world this year. + Saya akan menominasi proposal type annotation, yang telah kita bagikan pada dunia di tahun ini. # https://twitter.com/mooeypoo - key: picks.cassidy_williams.name t: Moriel Schottlender - key: picks.cassidy_williams.bio - t: CTO at Contenda, Memer and Dreamer + t: CTO di Contenda, Memer and Dreamer - key: picks.cassidy_williams.description t: | - Moriel is an inspiring developer who gives passionate, - interesting talks about internationalization and accessibility, - and some of the things she's built with Vue are SO cool, - everyone should check them out! + Moriel adalah pengembang yang menginspirasi dan penuh semangat, + pembicaraan menarik tentang internationalization dan aksesibilitas, + dan beberapa hal yang dia buat menggunakan Vue sangatlah keren, + Semua orang harus melihatnya! # https://www.withdiode.com/ - key: picks.charlie_gerard.name t: Diode - key: picks.charlie_gerard.bio - t: Senior Developer Advocate at Stripe, Author and Creative Technologist + t: Advokat Pengembang Senior di Stripe, Pengarang dan Teknolog Kreatif - key: picks.charlie_gerard.description t: | - Diode is an interactive tool to build and simulate hardware projects in the browser. - As a hardware tinkerer, this is really exciting and the interface built with - Three.js is great! + Diode adalah tool interaktif untuk membangun dan mensimulasikan proyek piranti keras di dalam browser. + Sebagai perakit piranti keras, ini adalah tool interaktif yang menarik dan interaktif yang dibuat dengan Three.js ini sangat hebat! # https://arisa-fukuzaki.dev/ - key: picks.alba_silvente.name @@ -405,7 +408,7 @@ translations: t: | Arisa is a hybrid between FrontEnd and Dev Rels, lover of React and its ecosystem, she is always thinking about giving back to the community and contributes by giving talks, - workshops and articles on the subject. + workshops and articles on the subject. # https://github.com/statelyai/xstate - key: picks.matt_pocock.name From e77d3639ea50832ec020871ea054ef33ba771905 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Tue, 21 May 2024 14:29:58 +0700 Subject: [PATCH 3/8] feat: done translate all strings --- state_of_js_2022.yml | 133 ++++++++++++++++++++++--------------------- 1 file changed, 67 insertions(+), 66 deletions(-) diff --git a/state_of_js_2022.yml b/state_of_js_2022.yml index e704fe7..003bd37 100644 --- a/state_of_js_2022.yml +++ b/state_of_js_2022.yml @@ -397,75 +397,76 @@ translations: - key: picks.charlie_gerard.description t: | Diode adalah tool interaktif untuk membangun dan mensimulasikan proyek piranti keras di dalam browser. - Sebagai perakit piranti keras, ini adalah tool interaktif yang menarik dan interaktif yang dibuat dengan Three.js ini sangat hebat! + Sebagai perakit piranti keras, tool interaktif yang dibuat dengan Three.js ini sangat menarik dan hebat! # https://arisa-fukuzaki.dev/ - key: picks.alba_silvente.name t: Arisa Fukuzaki - key: picks.alba_silvente.bio - t: FrontEnd developer working as DevRel at Storyblok + t: Pengembang FrontEnd yang bekerja sebagai DevRel di Storyblok - key: picks.alba_silvente.description t: | - Arisa is a hybrid between FrontEnd and Dev Rels, lover of React and its ecosystem, - she is always thinking about giving back to the community and contributes by giving talks, - workshops and articles on the subject. + Arisa adalah gabungan pengembang antara FrontEnd dan DevRel, penggemar React beserta ekosistemnya, + dia selalu berpikir untuk memberikan kontribusi pada komunitas dengan memberikan pidato, + workshop dan artikel seputar React. # https://github.com/statelyai/xstate - key: picks.matt_pocock.name t: XState - key: picks.matt_pocock.bio - t: TypeScript educator from the UK, building Total TypeScript. + t: Pengajar TypeScript dari UK, pembuat Total TypeScript. - key: picks.matt_pocock.description t: | - If I were given something complicated to build from scratch, - like a spreadsheet, WYSIWYG, or video calling app, I'd use XState. - It's the only library I can rely on to build complex systems. + Jika saya diberikan sesuatu yang kompleks untuk dibuat dari awal, + seperti spreadsheet, WYSIWYG, atau aplikasi panggilan video, + saya akan mengggunakan XState. + itu satu-satunya pustaka yang bisa saya andalkan untuk membuat sistem yang kompleks. # https://beta.reactjs.org/ - key: picks.kathryn_grayson_nanz.name - t: React Beta Docs + t: Dokumentasi React Beta - key: picks.kathryn_grayson_nanz.bio - t: Developer Advocate at Progress + t: Developer Advocate di Progress - key: picks.kathryn_grayson_nanz.description t: | - The new React docs are incredibly well-written, accessible for beginners, - and beautifully designed. - Documentation is one of the hardest things to do well, - so this fantastic example is my pick of the year! + Dokumentasi React yang baru ditulis dengan sangat baik, mudah diakses untuk para pemula, + dan didesain dengan cantik. + Dokumentasi adalah salah satu hal yang sulit dibuat dengan benar, + jadi ini merupakan contoh luar biasa ini adalah pilihanku untuk tahun ini! - key: picks.ryan_carniato.name t: Astro - key: picks.ryan_carniato.bio - t: Creator of Solid + t: Pencipta Solid - key: picks.ryan_carniato.description t: | - While Astro has been popularizing the "Islands" architecture for the past couple of years, 2022 saw it reach 1.0 and bring on-demand server rendering. It's never been easier to create great sites while shipping less JavaScript. + Disaat Astro telah mempopulerkan arsitektur "Islands" dalam beberapa tahun kebelakang, pada 2022 kita bisa melihat versi 1.0 dan membawa on-demand server rendering. Ini merupakan cara termudah untuk membangun halaman web yang cantik tanpa mengirim begitu banyak JavaScript. - key: picks.theo_browne.name t: tRPC - key: picks.theo_browne.bio - t: Youtube Ranter & CEO @Ping.gg + t: Pembuat di Youtube & CEO @Ping.gg - key: picks.theo_browne.description t: | - 2022 was a big year for fullstack type-safety, and tRPC deserves most of the credit. tRPC is one of those rare libraries that makes everything you used before feel… awful, honestly. Never felt more productive as a full stack engineer. + 2022 adalah tahun besar untuk fullstack type-safety, dan sebagian besar berkat tRPC. tRPC adalah salah satu pustaka langka yang membuat semua yang telah kau buat terasa... jelek. Baru kali ini aku merasa sangat productive sebagai full stack engineer. - key: picks.sebastien_lorber.name t: Remotion - key: picks.sebastien_lorber.bio - t: This Week In React founder and Docusaurus maintainer + t: Pencipta This Week In React dan pengelola Docusaurus - key: picks.sebastien_lorber.description t: | - The ability to create videos with React is rad. We can get creative and use any cutting-edge web technology, not only DOM/CSS. With the GitHub Unwrapped project, it has proved it can scale, render thousands of videos and be an awesome marketing tool. + Kemampuan untuk menciptakan video dengan React itu sangat hebat. Kita bisa mengeluarkan kreatifitas dan memakai teknologi web canggih mana pun, tidak hanya DOM/CSS. dengan Proyek GitHub Unwrapped, itu telah membuktikan bisa berkembang, render ribuan video dan menjadi tool pemasaran yang luar biasa. - key: picks.ben_holmes.name t: Zod - key: picks.ben_holmes.bio - t: Open source maintainer at Astro + t: Pengelola Open source di Astro - key: picks.ben_holmes.description t: | - Runtime safety came to define 2022 with tRPC's rise to stardom. - Now, with Astro using Zod for type-safe Markdown and Remix users bringing Zod to form validation, - it's becoming an must-have for any JavaScript developer + Keamanan Runtime menjadi nyata pada 2022 bersamaan dengan kepopuleran tRPC. + Sekarang, dengan Astro memakai Zod untuk type-safe Markdown dan pengguna Remix memakai Zod untuk validasi form, + ini menjadi tool yang wajib dipakai oleh pengembang JavaScript - key: picks.tyler_mcginnis.name t: TanStack @@ -473,8 +474,8 @@ translations: t: Founder, UI.dev - key: picks.tyler_mcginnis.description t: | - My JavaScript pick of the year is TanStack, or anything else that - Tanner and Dominik make. + Pilihan JavaScript tahun ini adalah TanStack, atau apa pun yang dibuat oleh + Tanner dan Dominik. - key: picks.shaundai_person.name t: Sarah Drasner @@ -482,7 +483,7 @@ translations: t: Senior Software Engineer, Netflix - key: picks.shaundai_person.description t: | - Sarah continues to give back to the community through blog posts, public speaking, and most recently - her book "Engineering Management for the Rest of Us". + Sarah terus melanjutkan untuk memberikan kontribusi melalui postingan blog, bicara di depan umum, dan buku terbarunya berjudul "Engineering Management for the Rest of Us". - key: picks.xxxx.name t: @@ -496,11 +497,11 @@ translations: ########################################################################### - key: sponsors.frontendmasters.description - t: Advance your skills with in-depth, modern front-end engineering courses. + t: Tingkatkan kemampuanmu lebih dalam dengan kursus modern front-end engineering. - key: sponsors.google_chrome.description - t: Thanks to the Google Chrome team for supporting our work. + t: Terima kasih kepada tim Google Chrome telah mendukung karya kami. - key: sponsors.renderatl.description - t: This is a tech conference focused on Front-End Engineering. + t: Ini adalah konferensi teknologi yang berfokus pada Front-End Engineering. ########################################################################### # FAQ/About @@ -508,68 +509,68 @@ translations: - key: about.content t: | - The 2022 State of JS survey ran from November 21 to December 22 2022, and collected 39,472 responses. The survey is run by [Sacha Greif](https://sachagreif.com/) and [Eric Burel](https://www.lbke.fr/), with help from a team of open-source contributors and consultants. + Survei State of JS tahun 2022 dijalankan dari 21 November hingga 22 December 2022, dan berhasil mengumpulkan 39,472 respon. survei ini dijalankan oleh [Sacha Greif](https://sachagreif.com/) dan [Eric Burel](https://www.lbke.fr/), dengan banruan dari tim kontributor dan konsultan open-source . - This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). + Logo dan kaos tahun ini didesain oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). - ### Survey Goals + ### Tujuan Survei - This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. + Survei ini dibuat untuk memperkenalkan tren yang akan datang dalam ekosistem pengembangan web agar dapat membantu pengembang untuk membuat pilihan secara teknologi. - As such, the survey is focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. + Dengan demikian, survei ini difokuskan untuk mengantisipasi apa yang akan datang untuk beberapa tahun ke depan daripada menganalisa apa yang sedang populer saat ini, itulah mengapa fitur atau teknologi yang sedang populer tidak selalu disertakan. - It should also be taken as a **snapshot of a specific subset of developers**, and is not meant to speak for the entire ecosystem. + Perlu diketahui bahwa ini merupakan **gambaran dari beberapa pengembang di bidang yang spesifik**, dan bukan bermaksud untuk merepresentasikan seluruh ekosistem. - ### Survey Design + ### Desain Survei - The survey was designed in part based on last year's survey, with an open feedback period where the survey outline was discussed [on GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). + Survei ini didesain dalam beberapa bagian berdasarkan survei tahun lalu, Berdasarkan periode umpan balik yang di mana garis besar survei didiskusikan [di GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). - All survey questions were optional. + Semua pertanyaan survei itu opsional. - ### Survey Audience + ### Survei Audiens - The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic. + Survei ini dibuat terbuka secara daring dan responden tidak disaring atau dipilih secara khusus. Responden merupakan campuran dari responden dari survei sebelumnya (diberitahu melalui milis khusus) dan lalu lintas media sosial. - Note that frameworks, libraries, etc. were free to encourage their audience to participate in the survey and some of them did take advantage of this via banners, tweets, etc. A detailed breakdown of traffic sources is included in the "Sources" chart. + Perlu dicatat bahwa kerangka kerja, pustaka, dll. menganjurkan audiens mereka untuk berpartisipasi dalam survei dan beberapa bahkan ikut andil melalui spanduk, cuitan, dll. perincian mendetil terhadap asal mula sumber terdapat pada bagan "Sumber". - ### Representativeness & Inclusivity + ### Keterwakilan & Inklusivitas - While we believe it's important to give a voice to every community, the reality is that an open survey like this one will always struggle to properly represent everybody, especially when operating through systems that already carry their own inherent biases. + Meskipun kami percaya bahwa penting untuk memberi suara kepada setiap komunitas, nyatanya survei terbuka seperti ini tidak akan selalu mewakili semua orang dengan baik, terutama ketika beroperasi lewat sebuah sistem yang sudah membawa bias masing-masing. - In order to counter-balance this, we are implementing three distinct strategies: + Untuk mengimbangi hal ini, kami mengimplementasikan tiga strategi berbeda: - - **Outreach**: we always try to reach out to different organizations (such as BIPOC- or LGBTQ-focused organizations, or online teaching platforms) to try and diversify our own audience. + - **Penjangkauan**: kami selalu berusaha untuk menjangkau berbagai organisasi berbeda (misalnya organisasi yang berfokus pada BIPOC- atau LGBTQ, atau platform pengajaran online) untuk mencoba membuat variasi dalam audiens kami. - - **Data Analysis**: through features like facets and variants, we're always trying to make it easier to surface the voices of any demographic segment, no matter how minoritized it might be in our data. + - **Analisis Data**: lewat fitur-fitur seperti facet dan varian, kami selalu berusaha membuat suara segmen demografi manapun lebih mudah didengar, tak peduli sekecil apapun di dalam data kami. - - **Barrier Lowering**: making the survey too long, inaccessible, slow to load, English-only, etc. can all contribute to imposing an "effort tax" that cuts off the parts of the community that can't afford to pay it. Fixing these issues can lower the barrier to entry and in the process make our audience more diverse. + - **Penurunan Penghalang**: membuat survei ini terlalu panjang, tidak dapat diakses, lambat dimuat, hanya berbahasa Inggris, dll. semua itu dapat mengakibatkan "pajak usaha" yang menghalangi berbagai komunitas yang tidak dapat membayarnya. Memperbaiki hal ini dapat menurunkan penghalang masuk dan membuat audiens kami lebih beragam. + + ### Pendanaan Proyek - ### Project Funding + Pendanaan proyek ini datang dari beberapa sumber: - Funding from this project comes from a variety of sources: + - **Penjualan kaos**. - - **T-shirt sales**. + - **Bagan Bersponsor**: anggota komunitas dapat membuat donasi untuk survei dan sebagai gantinya, kami akan menampilkan nama mereka di dalam laporan. + + - **Pranala Berponsor**: pranala yang mengarah pada sumber daya yang direkomendasikan di bawah setiap halaman disediakan oleh mitra kami [Frontend Masters](https://frontendmasters.com/) dan [RenderATL](https://www.renderatl.com/). - - **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report. + - **Pendanaan Lainnya**: tahun ini, [Google](https://www.google.com/) dan [Nijibox](https://nijibox.jp/) mendanai pekerjaan saya di survei ini secara langsung. - - **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partners [Frontend Masters](https://frontendmasters.com/) and [RenderATL](https://www.renderatl.com/). + Kontribusi atau sponsor apapun sangat diapreasiasi. Saya ingin secara khusus bekerja lebih erat dengan lebih banyak vendor browser, karena mereka memainkan peran yang sangat penting dalam ekosistem web. - - **Other Funding**: this year, [Google](https://www.google.com/) and [Nijibox](https://nijibox.jp/) funded my work on the survey directly. + ### Peninjauan Teknis - Any contribution or sponsorship is greatly appreciated. I would especially like to work closely with more browser vendors, since they play such a central role in the web ecosystem. + Anda dapat menemukan sebuah peninjauan teknis yang lebih mendalam tentang bagaimana survei ini dikelola [di sini](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4). - ### Technical Overview + - **Pengumpulan data**: aplikasi [Vulcan.js](http://vulcanjs.org/) kustom. - You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4). + - **Penyimpanan Data/Pemrosesan Data**: MongoDB & MongoDB Aggregations. - - **Data collection**: custom [Vulcan.js](http://vulcanjs.org/) app. + - **API Data**: API Node.js GraphQL. - - **Data storage/processing**: MongoDB & MongoDB Aggregations. + - **Laman Hasil**: [Gatsby](https://www.gatsbyjs.com/) Aplikasi React. - - **Data API**: Node.js GraphQL API. + - **visualisasi Data**: [Nivo](https://nivo.rocks/) pustaka React dataviz. - - **Results Site**: [Gatsby](https://www.gatsbyjs.com/) React app. - - - **Data Visualizations**: [Nivo](https://nivo.rocks/) React dataviz library. - - - **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). + - **Tipe**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) dan [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). From e2f8fba546a74d92a526960dd83326fc6382c200 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Tue, 21 May 2024 16:13:49 +0700 Subject: [PATCH 4/8] chore: translation updates --- state_of_js_2022.yml | 52 ++++++++++++++++++++++---------------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/state_of_js_2022.yml b/state_of_js_2022.yml index 003bd37..a94a044 100644 --- a/state_of_js_2022.yml +++ b/state_of_js_2022.yml @@ -5,7 +5,7 @@ translations: ########################################################################### - key: general.results.description - t: Survei tahunan Edisi 2022 seputar trend terbaru dalam ekosistem JavaScript. + t: Survei tahunan edisi 2022 seputar trend terbaru dalam ekosistem JavaScript. - key: general.livestream_announcement t: Pastikan untuk mengikuti [siaran langsung hasil survei](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) pada 22 Februari! (Bahasa Inggris) @@ -19,19 +19,19 @@ translations: Setelah bertahun-tahun stabilitas, sekarang banyak yang mempertanyakan kondisi saat ini. - Kerangka front-end baru seperti Solid dan Qwik berpendapat bahwa React mungkin bukan solusi untuk segalanya, dan pada posisi server Astro, Remix dan Next.js (beberapa diantaranya) membuat kita memikirkan kembali berapa banyak kode yang harus kita kirim ke klien. + Kerangka front-end baru seperti Solid dan Qwik berpendapat bahwa React mungkin bukan solusi untuk segalanya, dan pada posisi server Astro, Remix dan Next.js (beberapa diantaranya) membuat kami memikirkan kembali berapa banyak kode yang harus kami kirim ke klien. - Kita butuh semua data yang bisa kita dapatkan untuk memastikannya, bahkan survei tahun ini mendapat respon sebanyak **39,472**, hampir dua kali lipat dari tahun lalu! + Kami butuh semua data yang bisa kami dapatkan untuk memastikannya, bahkan survei tahun ini mendapat respon sebanyak **39,472**, hampir dua kali lipat dari tahun lalu! Karena banyaknya responden, Anda pasti menyadari hasil yang mengejutkan, seperti beberapa fitur yang turun secara berkala dalam hal kesadaran dan pemakaian. - Tetapi mendapat banyak data juga berarti dapat membuka potensi baru, oleh karena itu Kami mengembangkan dua cara untuk berinteraksi dengan dataset Kami: **Jelajah Data** membolehkan Anda untuk melakukan referensi silang antara dua variabel dan menyorot hasil tertentu; sementara **Filter Bagan** membolehkan Anda untuk mem-filter spesifik bagan berdasarkan gaji, negara, jenis kelamin, dan variabel demografis lainnya. + Tetapi mendapat banyak data juga berarti dapat membuka potensi baru, oleh karena itu kami mengembangkan dua cara untuk berinteraksi dengan dataset kami: **Jelajah Data** membolehkan Anda untuk melakukan referensi silang antara dua variabel dan menyorot hasil tertentu; sementara **Filter Bagan** membolehkan Anda untuk mem-filter spesifik bagan berdasarkan gaji, negara, jenis kelamin, dan variabel demografis lainnya. - Kita juga mengganti kategori keseluruhan "back-end" dengan yang lebih spesifik **Kerangka Rendering** dan menambahkan sebuah daftar **Kreator Video** pada bagian sumber. + Kami juga mengganti kategori keseluruhan "back-end" dengan yang lebih spesifik **Kerangka Rendering** dan menambahkan sebuah daftar **Kreator Video** pada bagian sumber. Yang terakhir, pertanyaan seputar Fitur dan Pustaka juga sudah terdapat popup **Komentar** yang membolehkan Anda untuk melihat apa yang orang-orang pikirkan tentang item yang disebutkan dalam survei! - Tanpa berlama-lama lagi, mari kita cari tahu bagaimana keadaan JavaScript pada tahun 2022! + Tanpa berlama-lama lagi, mari kami cari tahu bagaimana keadaan JavaScript pada tahun 2022! – Sacha Greif @@ -46,9 +46,9 @@ translations: t: | ## Dukung Survei ini Dengan Kaos State of JavaScript - Antara kualitas video yang buruk, kaset yang tebal, dan perlu memutar ulang lagi, tidak banyak yang bisa kita rindukan dari era VHS. Tetapi ada satu *hal* yang kita rindukan ialah visual luar biasa yang disuguhkan pada kita dari era tahun 90-an yang menghiasi rekaman VHS yang kosong. + Antara kualitas video yang buruk, kaset yang tebal, dan perlu memutar ulang lagi, tidak banyak yang bisa kami rindukan dari era VHS. Tetapi ada satu *hal* yang kami rindukan ialah visual luar biasa yang disuguhkan pada kami dari era tahun 90-an yang menghiasi rekaman VHS yang kosong. - Tetapi sekarang, berkat talenta Christopher Kirk-Nielsen Anda dapat menikmati semua sensasi retro sembari merayakan cinta Kita pada JavaScript! + Tetapi sekarang, berkat talenta Christopher Kirk-Nielsen Anda dapat menikmati semua sensasi retro sembari merayakan cinta Kami pada JavaScript! - key: tshirt.about t: Tentang kaos @@ -71,7 +71,7 @@ translations: - key: tshirt.designer.bio t: | - Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! + Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! ########################################################################### # Sections @@ -80,8 +80,8 @@ translations: - key: sections.user_info.description t: | Pada tahun ini, **39,471** responden mengambil bagian untuk mengisi survei. dan untuk membantu - menyorot suara dan wawasan mendalam yang berbeda, kita melakukan perlakuan khusus - untuk memberikan cara baru untuk membagi data kita. + menyorot suara dan wawasan mendalam yang berbeda, kami melakukan perlakuan khusus + untuk memberikan cara baru untuk membagi data kami. - key: sections.features.description t: | @@ -89,12 +89,12 @@ translations: - key: sections.technologies.description t: | - Hasil tahun ini menunjukkan fregmentasi yang tinggi dalam dunia JavaScript. Terkadang hal ini membuat kita sakit kepala, tetapi kompetisi tersebut berhasil membuat sebuah ekosistem yang sangat dinamis. + Hasil tahun ini menunjukkan fregmentasi yang tinggi dalam dunia JavaScript. Terkadang hal ini membuat kami sakit kepala, tetapi kompetisi tersebut berhasil membuat sebuah ekosistem yang sangat dinamis. - key: sections.tools_others.description t: | Memilih sebuah teknologi sering berujung pada pilihan sulit antara memilih prioritas, - dan pada tahun ini Kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. + dan pada tahun ini kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. - key: sections.environments.description t: | @@ -103,7 +103,7 @@ translations: - key: sections.resources.description t: | - Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kita memutuskan untuk selangkah lebih jauh lagi + Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kami memutuskan untuk selangkah lebih jauh lagi dan bahkan menyorot orang-orang yang membangun komunitas JavaScript! - key: sections.opinions.description @@ -141,7 +141,7 @@ translations: - key: blocks.gender.note t: | - Jika Anda tertarik untuk mempelajari lebih lanjut, Kami [telah menulis sebuah postingan blog](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj) tentang survei dinamika jenis kelamin. + Jika Anda tertarik untuk mempelajari lebih lanjut, kami telah [menulis sebuah postingan blog](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj) tentang survei dinamika jenis kelamin. - key: blocks.css_missing_features.note t: | @@ -152,9 +152,9 @@ translations: Bagan ini menggabungkan campuran dari referensi, parameter URL, dan jawaban bebas. - - State of JS: daftar surat [State of JS](https://stateofjs.com). + - State of JS: mailis [State of JS](https://stateofjs.com). - - State of CSS: daftar surat State of CSS; juga mencocokkan `email`, `dengan email`, dll. + - State of CSS: mailis State of CSS; juga mencocokkan `email`, `dengan email`, dll. - Work: mencocokkan `kerja`, `kolega`, `rekan kerja`, dll. @@ -176,7 +176,7 @@ translations: t: Dengan **{value}** rasio ketertarikan, Vite sekali lagi mendapatkan medali emas! - key: award.most_write_ins_award.comment - t: Banyak pertanyaan dan juga jawaban write-in yang diterima, dan dengan **{value}** kali penyebutan **Astro** berhasil menjadi item yang paling populer. + t: Banyak pertanyaan pasti menerima banyak jawaban, dan dengan **{value}** kali penyebutan **Astro** berhasil menjadi yang paling populer. - key: award.most_commented_feature_award.comment t: Dengan **{value}** komentar, tidak ada fitur yang bahkan mendekati jumlah peraihan umpan balik sebanyak Private Fields. @@ -192,15 +192,15 @@ translations: t: | JavaScript dan TypeScript menjadi lebih hidup dari sebelumnya. - Kita melihat banyak inovasi-inovasi berkelanjutan, banyak diantaranya dalam reaktivitas dan hydration (atau kekurangannya). Contohnya, [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) mengedepankan kemudahan dalam pengembangan ergonomis dan tertuju pada compiler. Solid juga mengembangkan [metode baru untuk reaktifitas](https://www.youtube.com/watch?v=2iK9zzhSKo4), sementara Qwik [shifted contoh mental Kami dalam keberlanjutan](https://www.youtube.com/watch?v=Zddw6qy5pf0). + Kami melihat banyak inovasi-inovasi berkelanjutan, banyak diantaranya dalam reaktivitas dan hydration (atau kekurangannya). Contohnya, [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) mengedepankan kemudahan dalam pengembangan ergonomis dan tertuju pada compiler. Solid juga mengembangkan [metode baru untuk reaktifitas](https://www.youtube.com/watch?v=2iK9zzhSKo4), sementara Qwik [mengubah contoh mental kami dalam keberlanjutan](https://www.youtube.com/watch?v=Zddw6qy5pf0). Inovasi juga sangat di nanti-nantikan dalam solusi multi-platform seperti Tauri, Ionic dan Flutter, yang telah membuka pintu untuk melihat aplikasi yang dapat berada di lebih banyak platform. - Kita melihat distribusi talenta secara global- seperti Nigeria dan sekarang India [Menjadi negara dengan pertumbuhan pengembang tertinggi di GitHub](https://octoverse.github.com/2022/global-tech-talent). Di seluruh dunia, ada banyak proyek menakjubkan seperti proyek Segun Adebayo [Chakra UI](https://chakra-ui.com/), atau proyek Liyas Thomas [Hoppscotch](https://hoppscotch.io/), dan orang-orang yang membantu orang lain belajar dan berkembang seperti Ada Nduka Oyom yang membuat [SheCodeAfrica](https://shecodeafrica.org/), yayasan yang telah membantu memberdayakan lebih dari 17k wanita di seluruh Benua Afrika. + Kami melihat distribusi talenta secara global- seperti Nigeria dan sekarang India [Menjadi negara dengan pertumbuhan pengembang tertinggi di GitHub](https://octoverse.github.com/2022/global-tech-talent). Di seluruh dunia, ada banyak proyek menakjubkan seperti proyek Segun Adebayo [Chakra UI](https://chakra-ui.com/), atau proyek Liyas Thomas [Hoppscotch](https://hoppscotch.io/), dan orang-orang yang membantu orang lain belajar dan berkembang seperti Ada Nduka Oyom yang membuat [SheCodeAfrica](https://shecodeafrica.org/), yayasan yang telah membantu memberdayakan lebih dari 17k wanita di seluruh Benua Afrika. - Saat Kita melihat kembali pembentukan kerangka kerja seperti React, Angular, atau Vue kita sering melihat ketidakpuasan, dan orang-orang mungkin ingin tahu bagaimana kedepannya. Saya percaya bahwa ketidakpuasan ini sebagai tanda bahwa tool dalam proses battle-tested dan digunakan di production, dalam mencari kecacatan dan mencoba kelebihan yang dimiliki masing-masing tool. Ini adalah tanda kematangan dan apresiasi untuk apa yang bisa diberikan oleh sebuah tool. Mereka juga akan belajar dari inovasi-inovasi dan akan terus berkembang. + Saat Kami melihat kembali pembentukan kerangka kerja seperti React, Angular, atau Vue kami sering melihat ketidakpuasan, dan orang-orang mungkin ingin tahu bagaimana kedepannya. Saya percaya bahwa ketidakpuasan ini sebagai tanda bahwa tool dalam proses battle-tested dan digunakan di production, dalam mencari kecacatan dan mencoba kelebihan yang dimiliki masing-masing tool. Ini adalah tanda kematangan dan apresiasi untuk apa yang bisa diberikan oleh sebuah tool. Mereka juga akan belajar dari inovasi-inovasi dan akan terus berkembang. - AKhir kata, Saya sangat senang melihat kehadiran Vite di dalam bagian penghargaan untuk dua tahun berturut-turut. Membangun dan menyediakan teknologi itu merupakan langkah yang sangat besar dan kita mendapat kemudahan dari kerja keras ini. Bravo! + AKhir kata, Saya sangat senang melihat kehadiran Vite di dalam bagian penghargaan untuk dua tahun berturut-turut. Membangun dan menyediakan teknologi itu merupakan langkah yang sangat besar dan kami mendapat kemudahan dari kerja keras ini. Bravo! - key: conclusion.js2022.bio t: Direktur Teknik dan Infrastruktur Web, Google @@ -212,7 +212,7 @@ translations: - key: picks.my_pick t: "Pilihan 2022 dariku: " - key: picks.intro - t: Kita bertanya kepada beberapa anggota komunitas JavaScript untuk membagikan "Pilihan terbaik tahun ini" versi mereka + t: Kami bertanya kepada beberapa anggota komunitas JavaScript untuk membagikan "Pilihan terbaik tahun ini" versi mereka # https://svelte.dev/blog/announcing-sveltekit-1.0 - key: picks.lee_robinson.name @@ -375,7 +375,7 @@ translations: t: Principal Perangkat Lunak, Vercel - key: picks.rich_harris.description t: | - Saya akan menominasi proposal type annotation, yang telah kita bagikan pada dunia di tahun ini. + Saya akan menominasi proposal type annotation, yang telah kami bagikan pada dunia di tahun ini. # https://twitter.com/mooeypoo - key: picks.cassidy_williams.name @@ -440,7 +440,7 @@ translations: t: Pencipta Solid - key: picks.ryan_carniato.description t: | - Disaat Astro telah mempopulerkan arsitektur "Islands" dalam beberapa tahun kebelakang, pada 2022 kita bisa melihat versi 1.0 dan membawa on-demand server rendering. Ini merupakan cara termudah untuk membangun halaman web yang cantik tanpa mengirim begitu banyak JavaScript. + Disaat Astro telah mempopulerkan arsitektur "Islands" dalam beberapa tahun kebelakang, pada 2022 kami bisa melihat versi 1.0 dan membawa on-demand server rendering. Ini merupakan cara termudah untuk membangun halaman web yang cantik tanpa mengirim begitu banyak JavaScript. - key: picks.theo_browne.name t: tRPC @@ -456,7 +456,7 @@ translations: t: Pencipta This Week In React dan pengelola Docusaurus - key: picks.sebastien_lorber.description t: | - Kemampuan untuk menciptakan video dengan React itu sangat hebat. Kita bisa mengeluarkan kreatifitas dan memakai teknologi web canggih mana pun, tidak hanya DOM/CSS. dengan Proyek GitHub Unwrapped, itu telah membuktikan bisa berkembang, render ribuan video dan menjadi tool pemasaran yang luar biasa. + Kemampuan untuk menciptakan video dengan React itu sangat hebat. Kami bisa mengeluarkan kreatifitas dan memakai teknologi web canggih mana pun, tidak hanya DOM/CSS. dengan Proyek GitHub Unwrapped, itu telah membuktikan bisa berkembang, render ribuan video dan menjadi tool pemasaran yang luar biasa. - key: picks.ben_holmes.name t: Zod From 72d5df711bfee3730350a7db24a42759eba73ac9 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Tue, 21 May 2024 17:52:45 +0700 Subject: [PATCH 5/8] wip: State Of JS 2021 --- state_of_js_2021.yml | 435 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 435 insertions(+) create mode 100644 state_of_js_2021.yml diff --git a/state_of_js_2021.yml b/state_of_js_2021.yml new file mode 100644 index 0000000..9301b1b --- /dev/null +++ b/state_of_js_2021.yml @@ -0,0 +1,435 @@ +locale: id-ID +translations: + ########################################################################### + # General + ########################################################################### + + - key: general.results.description + t: Survei tahunan Edisi 2021 seputar trend terbaru dalam ekosistem JavaScript. + + - key: general.livestream_announcement + t: Pastikan untuk mengikuti [siaran langsung hasil survei](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) pada 22 Februari! (Bahasa Inggris) + + ########################################################################### + # Introduction + ########################################################################### + + - key: introduction.js2021 + t: | + + Banyak yang terjadi di tahun 2021. saking banyaknya hingga survei harus diundur sampai ke tahun 2022! + + + Di antara banyaknya build tool yang lebih cepat dan tumbuhnya kerangka kerja back-end yang baru, dunia JavaScript terus berevolusi. Dan kami berusaha yang terbaik untuk terus mengikutinya, kami memberikan survei ini beberapa kemampuan baru ([baca lebih lanjut di apa yang baru](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej)) terdapat begitu banyak tipe pertanyaan, kemampuan untuk referensi silang dua data poin (seperti gaji tahunan berdasarkan pengalaman), dan bahkan cara untuk mengkostumisasi bagan untuk menghasilkan data yang anda inginkan! baca lebih lanjut [apa yang baru tahun ini](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej) (Bahasa Inggris). + + + Ini bukan perjalanan yang mulus. kami harus berhadapan dengan [kebocoran data](https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1) yang untungnya tidak begitu fatal. dan kami terus berusaha untuk membuat survei ini jadi lebih inklusif, lebih mudah diakses, dan lebih adil. + + + Tetap saja, meski survei hanya bisa mempresentasikan bagian yang sangat kecil dari ekosistem JavaScript, kami harap anda tertarik dengan hasilnya! + + + – Sacha Greif + + ########################################################################### + # Tshirt + ########################################################################### + + - key: sections.tshirt.title + t: Kaos + + - key: sections.tshirt.description + t: | + ## Dukung Survei ini Dengan Kaos State of JavaScript + + Antara kualitas video yang buruk, kaset yang tebal, dan perlu memutar ulang lagi, tidak banyak yang bisa kami rindukan dari era VHS. Tetapi ada satu *hal* yang kami rindukan ialah visual luar biasa yang disuguhkan pada kami dari era tahun 90-an yang menghiasi rekaman VHS yang kosong. + + Tetapi sekarang, berkat talenta Christopher Kirk-Nielsen Anda dapat menikmati semua sensasi retro sembari merayakan cinta kami pada JavaScript! + + - key: tshirt.about + t: Tentang kaos + + - key: tshirt.description + t: | + Kami menggunakan kaos tri-blend berkualitas tinggi yang sangat lembut dengan bentuk ramping yang dicetak dari mitra kami di Cotton Bureau. + + - key: tshirt.getit + t: Dapatkan + + - key: tshirt.price + t: USD $29 + pengiriman + + - key: tshirt.designer.heading + t: About the Designer + + - key: tshirt.designer.name + t: Tentang perancang kaos + + - key: tshirt.designer.bio + t: | + Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! + + ########################################################################### + # Sections + ########################################################################### + + - key: sections.user_info.description + t: | + Pada tahun ini, **16,085** responden mengambil bagian untuk mengisi survei. dan untuk membantu + menyorot suara dan wawasan mendalam yang berbeda, kami melakukan perlakuan khusus + untuk memberikan cara baru untuk membagi data kami. + + - key: sections.features.description + t: | + JavaScript mungkin bergerak cepat, tapi sepertinya para pengembang JavaScript bergerak lebih cepat, karena sudah terdapat banyak fitur baru yang mendapat level adopsi yang tinggi. + + - key: sections.technologies.description + t: | + Hasil tahun ini menunjukkan fregmentasi yang tinggi dalam dunia JavaScript. Terkadang hal ini membuat kami sakit kepala, tetapi kompetisi tersebut berhasil membuat sebuah ekosistem yang sangat dinamis. + + - key: sections.tools_others.description + t: | + Memilih sebuah teknologi sering berujung pada pilihan sulit antara memilih prioritas, + dan pada tahun ini Kami berusaha untuk menangkap proses tersebut dengan menggunakan gaya format pertanyaan baru ala pertandingan. + + - key: sections.environments.description + t: | + Aksesibilitas selalu jadi pertimbangan saat mengembangkan aplikasi berbasis web, + tetapi banyak pengembang yang sekarang sadar akan pentingnya mendahulukan fitur itu. + + - key: sections.resources.description + t: | + Blog yang disorot, podcast, dan situs web adalah awal yang bagus, tapi tahun ini kami memutuskan untuk selangkah lebih jauh lagi + dan bahkan menyorot orang-orang yang membangun komunitas JavaScript! + + - key: sections.opinions.description + t: | + Baik itu hal yang merepotkan, atau fitur hilang yang diharapkan untuk segera bisa digunakan, + ini adalah kesempatan Anda untuk membagikan keluhan seputar JavaScript! + + ########################################################################### + # Charts + ########################################################################### + + - key: options.features_categories.language + aliasFor: sections.language.title + - key: options.features_categories.browser_apis + aliasFor: sections.browser_apis.title + - key: options.features_categories.other_features + aliasFor: sections.other_features.title + + - key: blocks.tools_quadrant.description + t: | + Bagan ini menunjukkan **rasio retensi** dari setiap teknologi berdasarkan total **jumlah pengguna**. + yang mana akan dipecah menjadi 4 kuadran: + + - **1**: Pemakaian rendah, retensi tinggi. Teknologi yang patut diperhatikan. + + - **2**: Pemakaian tinggi, retensi tinggi. Teknologi yang aman untuk diadopsi. + + - **3**: Pemakaian rendah, retensi rendah. Teknologi yang sulit untuk dijadikan rekomendasi. + + - **4**: Pemakaian tinggi, retensi rendah. Harap pertimbangkan kembali teknologi ini jika Anda sedang memakainya. + + ########################################################################### + # Notes + ########################################################################### + + - key: blocks.gender.note + t: | + Jika Anda tertarik untuk mempelajari lebih lanjut, kami telah [menulis sebuah postingan blog](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj) tentang survei dinamika jenis kelamin. + + - key: blocks.css_missing_features.note + t: | + Anda dapat menjelajahi keseluruhan dataset jawaban pertanyaan ini pada [proyek sampingan ini](https://whatsmissingfromcss.com/). + + - key: blocks.source.note + t: > + + Bagan ini menggabungkan campuran dari referensi, parameter URL, dan jawaban bebas. + + - State of JS: daftar mailis [State of JS](https://stateofjs.com). + + - State of CSS: mailis State of CSS; juga mencocokkan `email`, `dengan email`, dll. + + - Work: mencocokkan `kerja`, `kolega`, `rekan kerja`, dll. + + ########################################################################### + # Awards + ########################################################################### + + - key: award.feature_adoption_delta_award.comment + t: Dengan peningkatan **{value}** pada tahun 2021, nullish coalescing operator (??) dengan cepat menjadi bagian penting dari JavaScript. + + - key: award.tool_usage_delta_award.comment + t: esbuild baru berumur 2 tahun, tetapi dengan peningkatan **{value}** dalam setahun terakhir membuatnya mendapatkan posisi pertama. + + - key: award.tool_satisfaction_award.comment + t: Vite meraih posisi teratas dengan rasio retensi tertinggi sebesar **{value}**! + + - key: award.tool_interest_award.comment + t: Dengan **{value}** rasio ketertarikan, Vite sekali lagi mendapatkan medali emas! + + - key: award.most_write_ins_award.comment + t: Banyak pertanyaan pasti menerima banyak jawaban, dan dengan **{value}** kali penyebutan Elm berhasil menjadi yang paling populer. + + ########################################################################### + # Conclusion + ########################################################################### + + - key: conclusion.js2021 + t: | + + JavaScript berada jauh lebih baik daripada tahun 2016. + + Saat survei pertama State of JS dilakukan, hanya 21% yang memakai TypeScript dibanding 69% pada saat ini. sedangkan kami sering bercanda tentang kerangka kerja front end baru yang rilis setiap harinya, **React** dan **Vue** tetap menjadi dominan selama 6 tahun belakang. dan persentase orang yang melaporkan bahwa "JS bergerak begitu cepat" menurut dari 59% menjadi 38%. + + Ini bukan berarti bahasa ini tidak ada perubahan. API **Optional Chaining** dan **Nullish Coalescing** telah meroket hingga menjadi API yang paling banyak digunakan dalam survei kami, terlepas dari hanya baru berumur 2 tahun. Dan akan ada banyak berita bagus dari TC39: anda melaporkan bahwa kelola tanggal adalah fitur hilang yang teratas, dan API Temporal belum lama ini mencapai [Tahap 3](https://github.com/tc39/proposal-temporal). + + Ekosistem tool juga mengalami evolusi yang cepat, dan bisa dikatakan kalau tahun 2021 telah menjadi tahunnya **Vite**. Vite bukan hanya debut dengan 98% retensi, tapi pemakaiannya sudah mencapai 30% dalam tahun pertamanya di survei kami, bahkan sampai menutupi esbuild. Tidak hanya Vite saja yang berusaha untuk mengembangkan build tool state of JavaScript - 8 dari 12 tool yang sedang kami ikuti bahkan belum berumur 2 tahun! Sementara **pnpm**, **Turborepo**, dan **Nx** meraih posisi utama di monorepo tool tahun pertama kita, hanya 25% laporan yang senang dengan hasil kategori tersebut, menunjukkan bahwa ada banyak yang harus diperbaiki. + + Sebagai catatan: banyak pendatang baru seperti **Deno**, **Rome**, **Astro**, **Remix**, dan lainnya sekarang sudah didukung oleh perusahaan yang didukung ventura, mungkin sebagai solusi alternatif pada lingkungan pendanaan open-source yang rapuh. + + Selagi [Third Age of JavaScript](https://www.swyx.io/js-third-age/) memasuki tahun ketiganya, peluang untuk pelaku open-source dan pengusaha akan terungkap, dan saya tidak sabar untuk melihat apa yang akan terjadi beberapa tahun ke depan! + + - key: conclusion.js2021.bio + t: Pemimpin DX di Temporal + + ########################################################################### + # Picks + ########################################################################### + + - key: picks.my_pick + t: "Pilihan 2021 saya: " + - key: picks.intro + t: Kami bertanya kepada beberapa anggota komunitas JavaScript untuk membagikan "Pilihan terbaik tahun ini" versi mereka + + - key: picks.lee_robinson.name + t: SvelteKit + - key: picks.lee_robinson.bio + t: Direktur Developer Relations di Vercel + - key: picks.lee_robinson.description + t: | + SvelteKit menjadi cara baru untuk membangung web dan memiliki komunitas yang mendukung dan penuh gairah. + + - key: picks.vadim_makeev.name + t: Server-Side Rendering + - key: picks.vadim_makeev.bio + t: DevRel, Podcaster & Web Standards Advocate + - key: picks.vadim_makeev.description + t: | + Waktunya telah tiba untuk meluruskan prioritas kami. + UX > DX, dan selalu begitu. Fokuskan performa! + + - key: picks.ben_ilegbodu.name + t: Lee Robinson + - key: picks.ben_ilegbodu.bio + t: Ben Ilegbodu, Principal Frontend Engineer @ Stitch Fix + - key: picks.ben_ilegbodu.description + t: | + Lee hebat dalam mengendalikan dan memberi dukungan pada Next.js. + Dia telah banyak membantu saya dalam Next dan terus membangun keseruan + di sepanjang jalan + + - key: picks.shawn_wang.name + t: Supabase + - key: picks.shawn_wang.bio + t: Kepala DX di Temporal + - key: picks.shawn_wang.description + t: | + Supabase memudahkan akses Postgres pada banyak pengembang dan menunjukkan + pada semuanya bahwa tim kecil pun dapat membuat 10x lebih besar. + + - key: picks.sarah_drasner.name + t: Pawel Kozlowski + - key: picks.sarah_drasner.bio + t: Direktur Engineering, Pengembang Inti Web di Google + - key: picks.sarah_drasner.description + t: | + Pawel Kozlowski adalah tipe pengembang yang open-minded pada cara penyelesaian yang berbeda + dengan rendah hati dan penuh rasa ingin tahu untuk meningkatkan sesuatu. + + - key: picks.sara_vieira.name + t: Paul Henschel + - key: picks.sara_vieira.bio + t: Agen internasional dari JS Bullshit + - key: picks.sara_vieira.description + t: | + karya Paul dalam animasi dan ReactThreeFiber + telah membuat urusan 3D pada web menjadi lebih mudah. + + - key: picks.mark_erikson.name + t: Ryan Carniato + - key: picks.mark_erikson.bio + t: Pengelola Redux + - key: picks.mark_erikson.description + t: | + hasil kreatif Ryan berupa kerangka kerja SolidJS menembus versi 1.0, + dan dia telah menulis banyak artikel dalam menganalisa konsep implementasi kerangka kerja JS tingkat lanjut. + + - key: picks.miguel_angel_duran.name + t: Vite + - key: picks.miguel_angel_duran.bio + t: Front End Dev & Twitch Coding Streamer + - key: picks.miguel_angel_duran.description + t: | + Sebagai tambahan pada esbuild dan swc, tool luar biasa ini mendorong kemajuan pada ekosistem, + Saya sangat senang dengan Vite. Itu memiliki DX yang bagus, dan kaya akan fitur. + + - key: picks.alyssa_nicoll.name + t: Twitch Stream BroccoDev + - key: picks.alyssa_nicoll.bio + t: Sr. Developer Advocate di Progress + - key: picks.alyssa_nicoll.description + t: | + Mike Brocchi belum lama ini mulai melakukan streaming di Twitch. dia adalah programmer yang jenius, + pengembang, dan yang terpenting adalah sebagai guru. + saya senang menonton stream-nya dan belajar darinya. + + - key: picks.michael_jackson.name + t: esbuild + - key: picks.michael_jackson.bio + t: Co-founder di Remix + - key: picks.michael_jackson.description + t: | + Kami sudah membangun compiler Remix dengan esbuild dan itu + telah meningkatkan standar JS bundler. + Itu sangat cepat dan API plugin membolehkan kami untuk melakukan hampir semua yang kita inginkan. + + - key: picks.david_khourshid.name + t: Remix + - key: picks.david_khourshid.bio + t: Pianist dan Pencipta Stately + - key: picks.david_khourshid.description + t: | + Remix adalah kerangka kerja web full-stack yang terasa sudah tua, tapi dalam artian bagus, + dengan membuatmu dalam perjalanan membuat aplikasi web modern dengan cepat, rumit, dan mudah diakses. + + - key: picks.kent_c_dodds.name + t: Fly.io + - key: picks.kent_c_dodds.bio + t: Direktur Developer Experience, Remix + - key: picks.kent_c_dodds.description + t: | + Fly membolehkanku (Seorang frontend engineer yang menyukai DevOps) + untuk menyebarkan aplikasi nyata, didistrubusi secara global, siap produksi dengan penuh percaya diri. + + - key: picks.tejas_kumar.name + t: Joe Haddad + - key: picks.tejas_kumar.bio + t: Web Developer, Conference Speaker, and Director of DevRel at Xata + - key: picks.tejas_kumar.description + t: | + Joe works on Next.js at Vercel and is constantly looking to proudly + demonstrate its power while actively listening + to feedback from the community to support them better. + + - key: picks.wes_bos.name + t: TC39 Proposals + - key: picks.wes_bos.bio + t: JavaScript Teacher & Podcast Host + - key: picks.wes_bos.description + t: | + A Git repo full of all the things that have been proposed to be added to JavaScript. It's really fun to read through all the ideas people have for the language and see them go through the stages. + + - key: picks.scott_tolinski.name + t: SvelteKit + - key: picks.scott_tolinski.bio + t: Creator of Level-Up Tuts, co-host of Syntax + - key: picks.scott_tolinski.description + t: | + Svelte Kit provides the amazing developer experience of Svelte with all + of the modern features of expected from a web platform. + + - key: picks.xxxx.name + t: + - key: picks.xxxx.bio + t: + - key: picks.xxxx.description + t: | + ########################################################################### + # Sponsors + ########################################################################### + + - key: sponsors.frontendmasters.description + t: Advance your skills with in-depth, modern front-end engineering courses. + - key: sponsors.polypane.description + t: The browser for ambitious devs. Build responsive, accessible and fast websites with ease. + - key: sponsors.google_chrome.description + t: Thanks to the Google Chrome team for supporting our work. + + ########################################################################### + # FAQ/About + ########################################################################### + + - key: about.content + t: > + The 2021 State of JS survey ran from January 13 to February 2 **2022**, and collected 16,085 responses. The survey is run by me, [Sacha Greif](https://sachagreif.com/), with help from a team of open-source contributors and consultants. + + This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). + + ### Survey Goals + + This survey, along with the [State of CSS](https://stateofcss.com/) survey, was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. + + As such, these surveys are focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. + + They should also be taken as a **snapshot of a specific subset of developers**, and are not meant to speak for the entire ecosystem. + + ### Survey Design + + The survey was designed in part based on last year's survey, with an open feedback period where the survey outline was discussed [on GitHub](https://github.com/StateOfJS/Monorepo/issues/56). + + All survey questions were optional. + + ### Survey Audience + + The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic. + + Note that frameworks, libraries, etc. were free to encourage their audience to participate in the survey and some of them did take advantage of this via banners, tweets, etc. A detailed breakdown of traffic sources is included in the "Sources" chart. + + ### Representativeness & Inclusivity + + While we believe it's important to give a voice to every community, the reality is that an open survey like this one will always struggle to properly represent everybody, especially when operating through systems that already carry their own inherent biases. + + + In order to counter-balance this, we are implementing three distinct strategies: + + + - **Outreach**: we always try to reach out to different organizations (such as BIPOC- or LGBTQ-focused organizations, or online teaching platforms) to try and diversify our own audience. + + - **Data Analysis**: through features like facets and variants, we're always trying to make it easier to surface the voices of any demographic segment, no matter how minoritized it might be in our data. + + - **Barrier Lowering**: making the survey too long, inaccessible, slow to load, English-only, etc. can all contribute to imposing an "effort tax" that cuts off the parts of the community that can't afford to pay it. Fixing these issues can lower the barrier to entry and in the process make our audience more diverse. + + ### Project Funding + + Funding from this project comes from a variety of sources: + + + - **T-shirt sales**. + + - **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report. + + - **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/). + + - **Other Funding**: this year, the [Google Chrome](https://www.google.com/chrome/) team set aside a small budget to help hire an [accessibility consultant](https://fossheim.io/) to work on the CSS and JS surveys. + + + Despite these funding sources, the surveys remains mostly a self-funded project overall and any contribution or sponsorship would be greatly appreciated. I would especially like to work closely with more browser vendors, since they play such a central role in the web ecosystem. + + ### Technical Overview + + You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb). + + - **Data collection**: custom [Vulcan.js](http://vulcanjs.org/) app. + + - **Data storage/processing**: MongoDB & MongoDB Aggregations. + + - **Data API**: Node.js GraphQL API. + + - **Results Site**: [Gatsby](https://www.gatsbyjs.com/) React app. + + - **Data Visualizations**: [Nivo](https://nivo.rocks/) React dataviz library. + + - **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). From d3c0b6c17157becad7b0a05756bc9d07eab8c0d5 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Wed, 22 May 2024 09:55:03 +0700 Subject: [PATCH 6/8] feat: JS 2021 translated --- state_of_js_2021.yml | 92 ++++++++++++++++++++++---------------------- 1 file changed, 46 insertions(+), 46 deletions(-) diff --git a/state_of_js_2021.yml b/state_of_js_2021.yml index 9301b1b..a71ec1b 100644 --- a/state_of_js_2021.yml +++ b/state_of_js_2021.yml @@ -312,34 +312,34 @@ translations: - key: picks.kent_c_dodds.description t: | Fly membolehkanku (Seorang frontend engineer yang menyukai DevOps) - untuk menyebarkan aplikasi nyata, didistrubusi secara global, siap produksi dengan penuh percaya diri. + untuk menyebarkan aplikasi nyata, didistrubusi secara global, + siap produksi dengan penuh percaya diri. - key: picks.tejas_kumar.name t: Joe Haddad - key: picks.tejas_kumar.bio - t: Web Developer, Conference Speaker, and Director of DevRel at Xata + t: Pengembang Web, Pembicara, dan Direktur DevRel di Xata - key: picks.tejas_kumar.description t: | - Joe works on Next.js at Vercel and is constantly looking to proudly - demonstrate its power while actively listening - to feedback from the community to support them better. + Joe mengerjakan Next.js di Vercel dan terus membuktikan kehebatannya + dengan bangga selagi aktif mendengarkan umpan balik dari komunitas + supaya bisa menjadi lebih baik lagi. - key: picks.wes_bos.name - t: TC39 Proposals + t: Proposal TC39 - key: picks.wes_bos.bio - t: JavaScript Teacher & Podcast Host + t: Pengajar JavaScript & Pembawa Acara Podcast - key: picks.wes_bos.description t: | - A Git repo full of all the things that have been proposed to be added to JavaScript. It's really fun to read through all the ideas people have for the language and see them go through the stages. + Sebuah repo Git yang penuh dengan semua yang pernah diajukan untuk ditambahkan pada JavaScript. Seru sekali membaca semua ide yang dimiliki orang-orang untuk bahasa ini dan melihatnya melewati beberapa tahap. - key: picks.scott_tolinski.name t: SvelteKit - key: picks.scott_tolinski.bio - t: Creator of Level-Up Tuts, co-host of Syntax + t: Pencipta Level-Up Tuts, co-host Syntax - key: picks.scott_tolinski.description t: | - Svelte Kit provides the amazing developer experience of Svelte with all - of the modern features of expected from a web platform. + Svelte Kit memberikan pengalaman Svelte beserta semua fitur modern dari platform web kepada pengembang dengan cara yang luar biasa. - key: picks.xxxx.name t: @@ -352,11 +352,11 @@ translations: ########################################################################### - key: sponsors.frontendmasters.description - t: Advance your skills with in-depth, modern front-end engineering courses. + t: Tingkatkan kemampuanmu dengan kursus modern front-end engineering. - key: sponsors.polypane.description - t: The browser for ambitious devs. Build responsive, accessible and fast websites with ease. + t: Browser untuk pengembang yang ambisius. Bangun web yang responsif, mudah diakses dan cepat dengan mudah. - key: sponsors.google_chrome.description - t: Thanks to the Google Chrome team for supporting our work. + t: Terima kasih kepada tim Google Chrome telah mendukung karya kami. ########################################################################### # FAQ/About @@ -364,72 +364,72 @@ translations: - key: about.content t: > - The 2021 State of JS survey ran from January 13 to February 2 **2022**, and collected 16,085 responses. The survey is run by me, [Sacha Greif](https://sachagreif.com/), with help from a team of open-source contributors and consultants. + Survei State of JS tahun 2021 dijalankan dari 13 Januari hingga 2 Februari **2022**, dan berhasil mengumpulkan 16,085 respon. survei ini dijalankan olehku, [Sacha Greif](https://sachagreif.com/), dengan banruan dari tim kontributor dan konsultan open-source. - This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). + Logo dan kaos tahun ini dirancang oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). - ### Survey Goals + ### Tujuan Survei - This survey, along with the [State of CSS](https://stateofcss.com/) survey, was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. + Survei ini, bersama dengan survei [State of CSS](https://stateofcss.com/), dibuat untuk memperkenalkan tren yang akan datang dalam ekosistem pengembangan web agar dapat membantu pengembang untuk membuat pilihan secara teknologi. - As such, these surveys are focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. + Dengan demikian, survei ini difokuskan untuk mengantisipasi apa yang akan datang untuk beberapa tahun ke depan daripada menganalisa apa yang sedang populer saat ini, itulah mengapa fitur atau teknologi yang sedang populer tidak selalu disertakan. - They should also be taken as a **snapshot of a specific subset of developers**, and are not meant to speak for the entire ecosystem. + Perlu diketahui bahwa ini merupakan **gambaran dari beberapa pengembang di bidang yang spesifik**, dan bukan bermaksud untuk merepresentasikan seluruh ekosistem. - ### Survey Design + ### Rancangan Survei - The survey was designed in part based on last year's survey, with an open feedback period where the survey outline was discussed [on GitHub](https://github.com/StateOfJS/Monorepo/issues/56). + Survei ini dirancang dalam beberapa bagian berdasarkan survei tahun lalu, Berdasarkan periode umpan balik yang di mana garis besar survei didiskusikan [on GitHub](https://github.com/StateOfJS/Monorepo/issues/56). - All survey questions were optional. + Semua pertanyaan survei itu opsional. ### Survey Audience - The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic. + Survei ini dibuat terbuka secara daring dan responden tidak disaring atau dipilih secara khusus. Responden merupakan campuran dari responden dari survei sebelumnya (diberitahu melalui milis khusus) dan lalu lintas media sosial. - Note that frameworks, libraries, etc. were free to encourage their audience to participate in the survey and some of them did take advantage of this via banners, tweets, etc. A detailed breakdown of traffic sources is included in the "Sources" chart. + Perlu dicatat bahwa kerangka kerja, pustaka, dll. menganjurkan audiens mereka untuk berpartisipasi dalam survei dan beberapa bahkan ikut andil melalui spanduk, cuitan, dll. perincian mendetil terhadap asal mula sumber terdapat pada bagan "Sumber". - ### Representativeness & Inclusivity + ### Keterwakilan & Inklusivitas - While we believe it's important to give a voice to every community, the reality is that an open survey like this one will always struggle to properly represent everybody, especially when operating through systems that already carry their own inherent biases. + Meskipun kami percaya bahwa penting untuk memberi suara kepada setiap komunitas, nyatanya survei terbuka seperti ini tidak akan selalu mewakili semua orang dengan baik, terutama ketika beroperasi lewat sebuah sistem yang sudah membawa bias masing-masing. - In order to counter-balance this, we are implementing three distinct strategies: + Untuk mengimbangi hal ini, kami mengimplementasikan tiga strategi berbeda: - - **Outreach**: we always try to reach out to different organizations (such as BIPOC- or LGBTQ-focused organizations, or online teaching platforms) to try and diversify our own audience. + - **Penjangkauan**: kami selalu berusaha untuk menjangkau berbagai organisasi berbeda (misalnya organisasi yang berfokus pada BIPOC- atau LGBTQ, atau platform pengajaran secara daring) untuk mencoba membuat variasi dalam audiens kami. - - **Data Analysis**: through features like facets and variants, we're always trying to make it easier to surface the voices of any demographic segment, no matter how minoritized it might be in our data. + - **Analisis Data**: lewat fitur-fitur seperti facet dan varian, kami selalu berusaha membuat suara segmen demografi manapun lebih mudah didengar, tak peduli sekecil apapun di dalam data kami. - - **Barrier Lowering**: making the survey too long, inaccessible, slow to load, English-only, etc. can all contribute to imposing an "effort tax" that cuts off the parts of the community that can't afford to pay it. Fixing these issues can lower the barrier to entry and in the process make our audience more diverse. + - **Penurunan Penghalang**: membuat survei ini terlalu panjang, tidak dapat diakses, lambat dimuat, hanya berbahasa Inggris, dll. semua itu dapat mengakibatkan "pajak usaha" yang menghalangi berbagai komunitas yang tidak dapat membayarnya. Memperbaiki hal ini dapat menurunkan penghalang masuk dan membuat audiens kami lebih beragam. - ### Project Funding + ### Pendanaan Proyek - Funding from this project comes from a variety of sources: + Pendanaan proyek ini datang dari beberapa sumber: - - **T-shirt sales**. + - **Penjualan kaos**. - - **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report. + - **Bagan Bersponsor**: anggota komunitas dapat membuat donasi untuk survei dan sebagai gantinya, kami akan menampilkan nama mereka di dalam laporan. - - **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/). + - **Pranala Berponsor**: pranala yang mengarah pada sumber daya yang direkomendasikan di bawah setiap halaman disediakan oleh mitra kami [Frontend Masters](https://frontendmasters.com/). - - **Other Funding**: this year, the [Google Chrome](https://www.google.com/chrome/) team set aside a small budget to help hire an [accessibility consultant](https://fossheim.io/) to work on the CSS and JS surveys. + - **Pendanaan Lainnya**: tahun ini, tim [Google Chrome](https://www.google.com/chrome/) menyisihkan anggarang untuk merekrut [konsultan aksesibilitas](https://fossheim.io/) untuk mengerjakan survei CSS dan JS. - Despite these funding sources, the surveys remains mostly a self-funded project overall and any contribution or sponsorship would be greatly appreciated. I would especially like to work closely with more browser vendors, since they play such a central role in the web ecosystem. + Terlepas dari sumber pendanaan di atas, sebagian besar survei ini tetap didanai dari pendanaan pribadi dan setiap kontribusi atau sponsor akan sangat membanti. Saya ingin secara khusus bekerja lebih erat dengan lebih banyak vendor browser, karena mereka memainkan peran yang sangat penting dalam ekosistem web. - ### Technical Overview + ### Peninjauan Teknis - You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb). + Anda dapat menemukan sebuah peninjauan teknis yang lebih mendalam tentang bagaimana survei ini dijalankan [di sini](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb). - - **Data collection**: custom [Vulcan.js](http://vulcanjs.org/) app. + - **Pengumpulan data**: aplikasi [Vulcan.js](http://vulcanjs.org/) kustom. - - **Data storage/processing**: MongoDB & MongoDB Aggregations. + - **Penyimpanan Data/Pemrosesan Data**: MongoDB & MongoDB Aggregations. - - **Data API**: Node.js GraphQL API. + - **API Data**: API Node.js GraphQL. - - **Results Site**: [Gatsby](https://www.gatsbyjs.com/) React app. + - **Laman Hasil**: [Gatsby](https://www.gatsbyjs.com/) Aplikasi React. - - **Data Visualizations**: [Nivo](https://nivo.rocks/) React dataviz library. + - **visualisasi Data**: [Nivo](https://nivo.rocks/) pustaka React dataviz. - - **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). + - **Huruf**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) dan [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). From 2c58d48cae47aea18adbbf4d9aeb970b2d659847 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Wed, 22 May 2024 09:55:34 +0700 Subject: [PATCH 7/8] chore: update some translation --- state_of_js_2022.yml | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/state_of_js_2022.yml b/state_of_js_2022.yml index a94a044..e2d712f 100644 --- a/state_of_js_2022.yml +++ b/state_of_js_2022.yml @@ -71,7 +71,7 @@ translations: - key: tshirt.designer.bio t: | - Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)! + Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, tapi juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. kami mendorong anda untuk melihat [rancangan kaos lainnya darinya](https://chriskirknielsen.com/designs)! ########################################################################### # Sections @@ -430,7 +430,7 @@ translations: - key: picks.kathryn_grayson_nanz.description t: | Dokumentasi React yang baru ditulis dengan sangat baik, mudah diakses untuk para pemula, - dan didesain dengan cantik. + dan dirancang dengan cantik. Dokumentasi adalah salah satu hal yang sulit dibuat dengan benar, jadi ini merupakan contoh luar biasa ini adalah pilihanku untuk tahun ini! @@ -509,9 +509,9 @@ translations: - key: about.content t: | - Survei State of JS tahun 2022 dijalankan dari 21 November hingga 22 December 2022, dan berhasil mengumpulkan 39,472 respon. survei ini dijalankan oleh [Sacha Greif](https://sachagreif.com/) dan [Eric Burel](https://www.lbke.fr/), dengan banruan dari tim kontributor dan konsultan open-source . + Survei State of JS tahun 2022 dijalankan dari 21 November hingga 22 December 2022, dan berhasil mengumpulkan 39,472 respon. survei ini dijalankan oleh [Sacha Greif](https://sachagreif.com/) dan [Eric Burel](https://www.lbke.fr/), dengan banruan dari tim kontributor dan konsultan open-source. - Logo dan kaos tahun ini didesain oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). + Logo dan kaos tahun ini dirancang oleh [Christopher Kirk-Nielsen](http://chriskirknielsen.com/). ### Tujuan Survei @@ -521,9 +521,9 @@ translations: Perlu diketahui bahwa ini merupakan **gambaran dari beberapa pengembang di bidang yang spesifik**, dan bukan bermaksud untuk merepresentasikan seluruh ekosistem. - ### Desain Survei + ### Rancangan Survei - Survei ini didesain dalam beberapa bagian berdasarkan survei tahun lalu, Berdasarkan periode umpan balik yang di mana garis besar survei didiskusikan [di GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). + Survei ini dirancang dalam beberapa bagian berdasarkan survei tahun lalu, Berdasarkan periode umpan balik yang di mana garis besar survei didiskusikan [di GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). Semua pertanyaan survei itu opsional. @@ -539,7 +539,7 @@ translations: Untuk mengimbangi hal ini, kami mengimplementasikan tiga strategi berbeda: - - **Penjangkauan**: kami selalu berusaha untuk menjangkau berbagai organisasi berbeda (misalnya organisasi yang berfokus pada BIPOC- atau LGBTQ, atau platform pengajaran online) untuk mencoba membuat variasi dalam audiens kami. + - **Penjangkauan**: kami selalu berusaha untuk menjangkau berbagai organisasi berbeda (misalnya organisasi yang berfokus pada BIPOC- atau LGBTQ, atau platform pengajaran secara daring) untuk mencoba membuat variasi dalam audiens kami. - **Analisis Data**: lewat fitur-fitur seperti facet dan varian, kami selalu berusaha membuat suara segmen demografi manapun lebih mudah didengar, tak peduli sekecil apapun di dalam data kami. @@ -561,7 +561,7 @@ translations: ### Peninjauan Teknis - Anda dapat menemukan sebuah peninjauan teknis yang lebih mendalam tentang bagaimana survei ini dikelola [di sini](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4). + Anda dapat menemukan sebuah peninjauan teknis yang lebih mendalam tentang bagaimana survei ini dijalankan [di sini](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4). - **Pengumpulan data**: aplikasi [Vulcan.js](http://vulcanjs.org/) kustom. @@ -573,4 +573,4 @@ translations: - **visualisasi Data**: [Nivo](https://nivo.rocks/) pustaka React dataviz. - - **Tipe**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) dan [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). + - **Huruf**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) dan [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue). From 101eb635b448a7df6f2a82a67a93eeedeb2d8b99 Mon Sep 17 00:00:00 2001 From: KingSit3 Date: Wed, 22 May 2024 09:58:31 +0700 Subject: [PATCH 8/8] chore: sync line --- state_of_js_2021.yml | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/state_of_js_2021.yml b/state_of_js_2021.yml index a71ec1b..fb8af39 100644 --- a/state_of_js_2021.yml +++ b/state_of_js_2021.yml @@ -210,7 +210,8 @@ translations: t: Direktur Developer Relations di Vercel - key: picks.lee_robinson.description t: | - SvelteKit menjadi cara baru untuk membangung web dan memiliki komunitas yang mendukung dan penuh gairah. + SvelteKit menjadi cara baru untuk membangung web dan memiliki komunitas + yang mendukung dan penuh gairah. - key: picks.vadim_makeev.name t: Server-Side Rendering @@ -265,7 +266,8 @@ translations: - key: picks.mark_erikson.description t: | hasil kreatif Ryan berupa kerangka kerja SolidJS menembus versi 1.0, - dan dia telah menulis banyak artikel dalam menganalisa konsep implementasi kerangka kerja JS tingkat lanjut. + dan dia telah menulis banyak artikel dalam menganalisa + konsep implementasi kerangka kerja JS tingkat lanjut. - key: picks.miguel_angel_duran.name t: Vite @@ -339,7 +341,8 @@ translations: t: Pencipta Level-Up Tuts, co-host Syntax - key: picks.scott_tolinski.description t: | - Svelte Kit memberikan pengalaman Svelte beserta semua fitur modern dari platform web kepada pengembang dengan cara yang luar biasa. + Svelte Kit memberikan pengalaman Svelte beserta semua fitur modern + dari platform web kepada pengembang dengan cara yang luar biasa. - key: picks.xxxx.name t: