방글라아조씨가 리액트 못써서 자기는 solidjs 쓴다고 알려줘따
아저씨 개발신인데 왜 리액트 안 쓰는거야,,,
아조씨가 리액트만썼었어도,,내가 안그만둬써,,(우소데스)
solid js란React 에서 사용하는 JSX 문법을 사용하며, 가장 빠른 성능과 가장 정확한 반응성을 강점으로 내세우고 있다. 나온지 얼마 안 됐음에도 벌써 Cloudflare, Netify 등 주요 클라우드 업체에서 주목받고 사용하는 웹 프레임워크이다.
21년도에 출시된 아주 땃끈한 프레임워크이다
리액트랑 엄청나게 비슷하게 나와서 첨에 코드보고 리액트? 했음
React 앱의 스크립트 읽기 속도 475ms, 렌더링 속도 129ms, 배포 번들 크기는 핵심과 앱 순으로 각 161KB, 5KB
SolidJS 앱의 스크립트 읽기 속도 176ms, 렌더링 속도 79ms, 배포 번들 크기는 핵심과 앱 순으로 각 25KB, 5KB
리액트보다 빠른속도를 가지고있따고한다,,
<html>
<body>
<script type="module">
import {
createSignal,
onCleanup,
} from "https://cdn.skypack.dev/solid-js";
import { render } from "https://cdn.skypack.dev/solid-js/web";
import html from "https://cdn.skypack.dev/solid-js/html";
const App = () => {
const [count, setCount] = createSignal(0),
timer = setInterval(() => setCount(count() + 1), 1000);
onCleanup(() => clearInterval(timer));
return html`<div>${count}</div>`;
// 혹은
return h("div", {}, count);
};
render(App, document.body);
</script>
</body>
</html>
공식홈피에서 뜯어온 코드
너무나도 비슷하다,,리액트 친척느낌
근데 주목받고있는거치고 매우매우 낮은,, (230621기준)
아조씨 왜 이거써영?
그냥 리액트 공부 열심히 해야겠다~~~~
'Front-end' 카테고리의 다른 글
| REST API (1) | 2023.08.15 |
|---|---|
| e.preventDefault 사용 이유 (0) | 2023.07.22 |
| react-router-dom (0) | 2023.07.08 |
| 프레임워크 / 라이브러리 / 플러그인 (0) | 2023.07.06 |
| npm과 npx의 차이 (0) | 2023.06.19 |