https://ktseo41.github.io/blog/log/things-you-forgot-or-never-knew-because-of-react.html 요약 리액트는 생각보다 구식이며, 리액트의 장점이라고 꼽는 것들은 다른 프레임워크에서도 제공한다. 리액트보다 훨씬 빠르며 개발자 경험에 좋은 프레임워크가 많...

https://velog.io/@typo/react-19-beta 새로운 것들 액션 리액트에서 데이터를 변경하고 이에 대한 응답을 기반으로 상태를 업데이트하는 경우가 많다. 컨벤션에 따라 비동기 트랜지션을 사용하는 함수를 “액션”이라고 한다. 대기 상태 -> useActionState 낙관적 업데이트 ->...

Updating Objects, Array in state에서 state는 read-only로 취급하고, mutate하면 안된다고 하였다. 이유는 다음과 같다. setState 없이 mutate 해도 리액트가 리렌더링을 수행하지 않는다. 리렌더링을 수행하지 않는데, 메모리 속의 state 객체는 변경된다. 따라서 추후 리렌더링 되었을때 데이...

https://www.youtube.com/watch?v=TJOiXyVKExg&ab_channel=RealWorldReact Summary 🎙️ In this talk, Jeff discusses the different architectures of using React in various applications, including cli...

https://www.joshwcomeau.com/react/server-components/ 기존 SSR 방식의 단점 라우트 레벨에서만 동작하여 컴포넌트 별로 적용할 수는 없었음 각 메타프레임워크마다 각자의 방식을 사용함. (next.js, gatsby, remix etc) 모든 컴포넌트가 필요 없더라도 hydration 되어야함. ...

https://reactkungfu.com/2016/03/dive-into-react-codebase-handling-state-changes/ 요약 React.js에서 상태(State)는 프로젝트에서 복잡한 개념 중 하나이며, 몇몇 개발자는 상태를 외부로 분리함으로써 이를 해결했지만 (Redux를 사용한 경우도 있음) 여전히 React.js의 널리 ...

React 18에서 새로 추가된 Streaming SSR 기술에 대한 정리 기존의 SSR 방식 최초 웹 사이트 진입시 서버는 HTML 렌더링에 필요한 데이터들을 불러옴 서버에서 renderToString을 통해 렌더링을 진행하고 HTML 파일을 만듬 서버에서 HTML 파일이 다 만들어지면 클라이언트에서 해당 HTML을 받고 자바스크립...

SSR 장점 초기 구동속도가 빠름 SEO에 유리 외부 스크립트 사용하는 경우 연동이 편함 API를 숨길 수 있으며, 프레임워크를 사용하는 경우 간단한 API나 중개 API를 만들 수 있음. SSR 단점 서버를 따로 운영해야함 FCP와 TTI 사이에 간극이 있음.

Javascript를 브라우저 밖에서도 실행할 수 있도록 하는 Javascript의 런타임 node.js를 접하다보면 자주 나오는 말은 다음과 같다 이벤트 기반 싱글 쓰레드 논블로킹 모델 1. 이벤트 기반 node.js는 이벤트 리스너에 등록해둔 콜백함수를 실행하는 방식으로 동작한다. router.get("/", (req, r...

Typescript 속도 개선