깃허브 스타 카운트에서 2024 프런트엔드 방향
프론트엔드 스타 상승 종합 순위
가져온 컴포넌트 파일을 특정 디렉토리에 직접 복사하고, 소스 코드를 직접 수정할 수 있으며, Tailwind CSS와 잘 작동한다는 점에서 Ant Design과 다른 고도로 사용자 정의 가능한 React UI 컴포넌트 라이브러리입니다.
Bun
매우 빠른 JavaScript 런타임, 패키지 관리자, 번들러, 트랜스코더를 통합하는 도구로, 이제 Node.js와 호환되므로 레거시 코드를 크게 변경할 필요가 없습니다.
Excalidraw
손으로 그린 다이어그램을 그릴 수 있는 가상 화이트보드로, 직접 사용해 보지 않고는 자세한 설명은 하지 않겠습니다.
tldraw
화이트 보드 도구, 추측 및 3 위는 몇 가지 유사점과 차이점이 있으며, 내가 사용하지 않은 것과 동일한 것은 너무 많은 평가를하지 않을 것이며, 자신의 관심이 시도 할 수 있습니다.
Next.js
라우팅, CSS 프레임워크 등 다양한 기능이 통합된 React SSR 프레임워크는 현재 가장 주류적인 React 기반 SSR 프레임워크로, 프론트엔드 분야에서 SSR에 대한 관심이 점차 높아지고 있음을 보여줍니다.
Supabase
오픈 소스 Firebase 대체 도구.
React
세계에서 가장 지배적인 '프레임워크'인 자바스크립트 라이브러리, 더 이상 말할 것도 없습니다.
Tauri
작년에 2위를 차지했던 크로스 플랫폼 프레임워크에 대한 관심은 감소했지만, 크로스 플랫폼은 여전히 프런트엔드에서 매우 인기 있는 방향입니다.
Drizzle ORM
리드 핸드리스 타입스크립트 ORM.
htmx
HTML 지향 프레임워크입니다.
프레임워크 라이징 스타 마스터 목록
React
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
htmx
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Svelte
가상 DOM이 없는 프레임워크입니다.
Million
작은 크기와 고성능을 추구하는 가상 DOM 라이브러리입니다.
Vue.js
React 관련 에코시스템이 증가하고 있습니다.
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Excalidraw
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Next.js
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Zustand
Redux보다 사용하기 훨씬 간단하며 복잡한 시나리오가 많지 않은 중소규모 프로젝트에서 사용해 볼 수 있는 React 상태 관리 저장소입니다.
Refine
React 프레임워크입니다.
Vue 관련 에코시스템이 증가하고 있습니다.
Nuxt
가장 주류인 Vue SSR 프레임워크입니다.
slidev
Vue 기반의 마크다운 슬라이드쇼 빌더입니다.
Vue Element Admin
즉시 사용 가능한 Vue 기반 미들 및 백오피스 관리 애플리케이션입니다.
VueUse
여러 Vue 조합 API를 통합하는 도구 라이브러리입니다.
Element Plus
Vue 기반의 컴포넌트 라이브러리입니다.
전체 스택 방향 라이징 스타 마스터 목록
Next.js
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Astro
SSG 및 SSR을 지원하는 프레임워크입니다.
tRPC
TypeScript 기반 PRC 라이브러리.
create-t3-app
사이트 전체에 걸친 Next.js 애플리케이션 개발을 위한 솔루션입니다.
Nest
진보적인 Node.js 프레임워크.
도구 업스타 마스터 목록 만들기
Bun
이미 위에 설명되어 있으므로 자세히 설명하지 않겠습니다.
Vite
Vue 팀은 빌드 도구를 시작했으며 Vue3 지원은 로딩 후 첫 시작 방식을 사용하여 매우 친숙하므로 프로젝트 디버깅이 매우 빠르지 만 롤업을 사용하여 빌드하기 때문에 일부 대규모 프로젝트가 불안정하고 효율성이 매우 느려질 수 있으므로 Vue3 기반 중소 규모 프로젝트는 사용하는 것이 좋습니다.
Biome
코드 지침을 포맷하고 확인하는 도구가 4개월 만에 3위에 올라 그 인기를 실감할 수 있습니다.
Oxc
최근 많은 유명 인사들이 사용해 본 소감을 공개하면서 폭발적인 인기를 끌고 있는 빌드 툴셋입니다.
Rspack
바이트의 자체 빌드 도구에 대한 설명을 들어본 적이 있는데, 꽤 괜찮을 것 같지만 실제로 사용해 보지는 못했습니다.
모바일 스타 라이징 종합 순위
Expo
React를 기반으로 하는 크로스엔드 솔루션입니다.
React Native
페이스북의 React 기반 크로스엔드 프레임워크입니다.
Tamagui
RN을 지원하는 UI 라이브러리.
Quasar
Vue를 기반으로 하는 크로스엔드 프레임워크입니다.
Capacitor
크로스 엔드 라이브러리.
요약
- AIGC와 함께 기존 프론트엔드 프로젝트의 업그레이드
- Rust 기반 프론트엔드 툴체인 업그레이드하기
- 기존 CSR 프로그램을 기반으로 한 SSR 도입
- 올바른 프로젝트에서 Java를 Node.js로 대체하기
- 홍멍 시스템에 대한 크로스엔드 지원
위 내용은 글쓴이의 개인적인 견해일 뿐이며, 다른 견해가 있거나 글쓴이가 환영에 대해 잘못 이해하고 있는 경우 논의할 수 있습니다.
PS
- HTML, CSS, 자바스크립트 3종 세트
- VueReact 인기 프레임워크
- WebpackVite 빌드 도구
- 브라우저, 보안, 컴퓨터 네트워크, 운영 체제, 디자인 패턴 등과 같은 컴퓨터 분야의 기본 기술.
- etc...
저자 Q : 1437517225 참고 사항을 추가하여 수신 할 수 있으며, 문서는 문제를 원하는 메시지의 작성자뿐만 아니라 의견에 참여할 수 있으며 건설에 참여하게 된 것을 환영합니다.
