LY Corporation Tech Blog

We are promoting the technology and development culture that supports the services of LY Corporation and LY Corporation Group (LINE Plus, LINE Taiwan and LINE Vietnam).

This post is also available in the following languages. Japanese

State of LY Frontend 2024 report: Unveiling LY Corporation's frontend technology

In October 2024, LY Corporation conducted a survey titled "State of LY Frontend 2024", targeting internal members involved in web frontend development. This survey aimed to explore recent trends and the usage of tools related to web frontend. It serves as a successor to the initiative previously known as the "UIT Global Survey" and is conducted annually for internal purposes (last year's report). Similar initiatives include the State of JavaScript and State of CSS, and you can think of this as the LY Corporation version.

This survey was the first to be widely publicized since the establishment of the joint company a year ago and the stabilization of the new company structure. As a result, we obtained a large-scale survey result with 342 participants from web frontend developers, which is quite rare for a single group of employees.

Additionally, due to the unprecedented number of responses, we have published a web page (unfortunately limited to internal access) that allows for a more detailed examination of the survey results. You can check how responses to each question correlate with other questions and compare them with the results of the State of JavaScript and State of CSS, providing a detailed understanding of the characteristics of LY Corporation's web frontend. In this article, we will highlight particularly interesting points from the survey.

Survey overview

Target: Frontend engineers of the LY Corporation group, including overseas bases (respondents belong to organizations in Japan, Korea, Vietnam, and Taiwan)
Response period: 2024/10/14-2024/10/21
Number of respondents: 342

Respondent demographics

Graph of responses to the question "Which organization do you belong to?" Responses: LY Corporation (formerly Yahoo! JAPAN Corporation) - 214, LY Corporation (formerly LINE) - 61, LINE VIETNAM COMPANY LIMITED / LINE TECHNOLOGY VIETNAM CO., LTD - 18, LINE Plus Corporation - 16, LY Corporation (other / joined after Oct. 2023) - 14, LINE Taiwan Limited - 9, Other company in Japan - 6, Others - 4.

Responses from former Yahoo! JAPAN Corporation members accounted for the majority. However, there were also responses from various countries, including the Vietnam office (LINE VIETNAM COMPANY LIMITED / LINE TECHNOLOGY VIETNAM CO., LTD), the Korea office (LINE Plus Corporation), and the Taiwan office (LINE Taiwan Limited).

Graph of responses to the question "How many years have you worked at your current company?" Responses: 0-1 years - 16, 1-2 years - 31, 2-3 years - 65, 3-4 years - 36, 4-5 years - 29, 5-6 years - 31, 6-7 years - 21, 7-8 years - 23, 8-9 years - 9, 9-10 years - 10, 10-15 years - 45, 15-20 years - 21, 20+ years - 0, Others - 5.

About half of the members have been with the company for less than five years, but there are also many members who have been with the company for over ten years. It is evident that the volume zone varies depending on the organization they belong to.

Graph of responses to the question "What area do you handle in your work?" Responses: Frontend - 294, Backend - 123, Team leader/Manager - 54, Design - 40, Product management - 16, Others - 4.

This question allowed multiple responses, and among those who answered they were involved in backend development, 77% also indicated involvement in frontend development. Notably, many former Yahoo! JAPAN Corporation members are responsible for backend and design areas as well. This is due to the historical context where, at former LINE, web frontend development was a relatively independent development organization, whereas at former Yahoo! JAPAN Corporation, backend developers and designers often also handled web frontend development.

It is also interesting that out of 342 responses, 294 indicated they were responsible for web frontend development in their work. Approximately 15% of respondents involved in web frontend development are not doing so as part of their job, highlighting the broad scope of web frontend development.

Graph of responses to the question "What language do you use at work?" Responses: Japanese - 300, English - 88, Korean - 25, Vietnamese - 21, Chinese - 11.

Japanese is the majority, but English, Korean, Vietnamese, and Chinese are used depending on the project and members. There are also many opportunities for meetings with interpreters.

Graph of responses to the question about experience with JavaScript libraries/frameworks. Responses: React - 208, Next.js - 186, Vue.js v3 - 109, Nuxt - 76, Vue.js v2 - 49, Lit - 8, Angular - 7, Svelte - 7, Preact - 2, Solid.js - 2, HTMX - 1, Qwik - 1.

Among various frameworks, the usage rates of React and Vue.js are overwhelmingly high, with Vue.js being used about half as much as React. Although not shown in the figure, looking at the breakdown of the organizations, React and Vue.js have almost equal usage rates at former LINE. At former Yahoo! JAPAN Corporation, React accounts for the majority, but Vue.js is also surprisingly used. Other frameworks such as Angular, Svelte, and Lit are used, with Lit having a very high usage rate compared to its recognition.

The meta-frameworks Next.js and Nuxt are used at high rates of approximately 90% and 70% relative to the usage rates of React and Vue.js v3, respectively. Particularly for React, it seems that it is very often used in combination with Next.js.

Although not included in this graph, there were free responses indicating the use of Astro, Remix, and SvelteKit. Including these as options in the next survey might change the results.

Graph of responses to the question about experience with JavaScript build tools. Responses: webpack - 220, Vite - 176, tsc (TypeScript CLI) - 126, esbuild - 46, SWC - 40, Rollup - 39, Turbopack - 25, Parcel - 5.

The usage rate of Vite is approaching that of webpack. In the previous survey, Vite surpassed webpack, but the reversal of webpack is considered a temporary change due to the change in the population, and the overall trend of migration to Vite is assumed to remain unchanged. Additionally, by reviewing the content of the options from this time, it became clear that various other build tools are being utilized.

Graph of responses to the question "Which test tools do you usually use?" Responses: Jest - 256, Vitest - 123, Playwright - 121, cypress - 54, Puppeteer - 50, Mocha - 32, None - 22, Jasmine - 18, Other tools - 8.

While Jest remains the majority over Vitest, considering the breakdown of the organizations, it is evident that Vitest is rapidly spreading from last year's results. Furthermore, 35% of respondents use Playwright, and 15% each use cypress and Puppeteer, indicating the widespread adoption of E2E testing.

Graph of responses to the question "Which JavaScript runtime do you usually use?" Responses: Node.js - 314, Bun - 21, Deno - 12, None - 3, Others - 1.

While Node.js is overwhelmingly used, there were also responses indicating the use of other runtimes, with Bun having 21 responses and Deno having 12 responses.

Graph of responses to the question about experience with CSS libraries/frameworks. Responses: Tailwind CSS - 112, CSS Modules - 110, Styled Components - 58, Emotion / Chakra UI - 35, Saya - 34, Bootstrap - 33, LDS (LINE Design System) - 29, Riff - 23, Headless UI Library - 21, Styled JSX - 20, koromo - 15, Zero-runtime CSS - 11.

The tech stack for CSS implementation shows that the usage rates of Tailwind CSS and CSS Modules are closely matched. Looking at the trends of the organizations, former Yahoo! JAPAN Corporation tends to choose CSS Modules, while former LINE tends to choose Tailwind CSS. Additionally, a wide range of other options, including internal libraries, are also selected, indicating that there is no dominant library for CSS as there is for JavaScript, and the optimal library is chosen according to the project. Incidentally, the most well-known library is Bootstrap, but projects that still use it seem to be in the minority.

Other notable responses

Graph of responses to the question "Please tell us about your knowledge of JavaScript." The average score is 3.035 out of 5.

Graph of responses to the question "Please tell us about your knowledge of CSS." The average score is 2.632 out of 5.

The above two graphs show the results of self-assessment of knowledge about JavaScript and CSS, respectively, on a 5-point scale. The average for JavaScript is 3.035, while the average for CSS is noticeably lower at 2.632. It seems that many people feel they are not keeping up with the rapidly developing CSS in recent years and lack confidence, which appears to be one of the challenges.

Graph of responses to the question "Which generative AI tools do you use?" Responses: ChatAI - 310, GitHub Copilot - 222, SeekAI - 97, Slack AI - 60, None - 15, Miro AI - 6, ChatGPT - 5, Others - 12.

At LY Corporation, internal generative AI tools such as ChatAI and SeekAI are provided, and the survey results show they are widely used. Other frequently mentioned tools include GitHub Copilot and Slack AI, with various tools also mentioned in free responses.

Summary

  • The tech stack adopted varies in many aspects depending on the organization.
    • The most typical tech stack at former Yahoo! JAPAN Corporation is React, mostly used with Next.js, with CSS Modules for CSS frameworks, Jest for test tools, and active adoption of E2E testing with Playwright.
    • At former LINE, React and Vue.js are used depending on the case, with the meta-frameworks Next.js and Nuxt used in about half of the cases, while there are also cases where these are not used. The adoption rate of Tailwind CSS is high for CSS frameworks, and migration to Vite and Vitest for build and test tools is progressing.
  • Many web frontend developers seem to lack confidence in their knowledge of CSS compared to JavaScript.
  • About 15% of respondents involved in web frontend development indicated they are not doing so as part of their job, revealing the diversity of purposes in web frontend development.

This survey provided a great opportunity to learn about the state of web frontend in each organization, which was not well known since the merger. Did the results of the State of LY Frontend 2024 match your expectations, or were they different from what you imagined? If you are interested in LY Corporation's web frontend engineers or development organization after seeing these results, we welcome your application for positions of interest from the open frontend engineer positions. Additionally, episodes discussing this survey are available on the podcast "UIT INSIDE", so please give it a listen.