VueX를 사용하는 VueJs 2와 Redux를 사용하는 리액
지난 며칠 동안 VueJs 2를 Vuex와 함께 살펴보았는데 정말 마음에 들어요.
React에 대해 간략하게 소개한 결과 vue js 2를 쉽게 이해할 수 있었습니다.
React의 인기가 높아지고 있는 것 같지만, Vue 2에 비해 React의 장점을 알 수 없습니다.
둘 다 라우팅 및 상태 관리 도구를 사용하는 컴포넌트 기반 프레임워크입니다.
그래서 누가 그 프레임워크들 사이의 주요 차이점들을 설명할 수 있을까요?
이것은 독단적이고 주관적인 질문이다.또, 실제로는 아무것도 대답하는 것보다, 많은 경우, 신성하게 개시되기 때문에, StackOverflow 에는 적합하지 않습니다.단, 가능한 한 객관적인 방법으로 답변하도록 하겠습니다.(주의: Vue와 React를 비교하여 Vuex와 Redux를 의도적으로 피하고 있습니다.)
왜 Vue.js일까요?
- 이것은 접근하기 쉬운 프레임워크로 설계되어 있습니다.초보자, 상급자 모두 사용하기에 적합합니다.Vue.js로 시작할 때는 간단한 방법으로 vue.js를 추가할 수 있습니다.
script페이지에 태그를 붙입니다.선진 개발자에게 가능성은 무궁무진합니다.TypeScript, Babel, Webpack 등 모든 고급 빌드 도구로 시작할 수 있습니다. - Vue.js는 Angular 및 React 이후에 개발됩니다.둘 다에게서 배웠고 Vue에 그들로부터 많은 좋은 것들을 골라냈습니다.초심자에게는 컴포넌트, 서비스, 의존성 주입, 부트스트랩 애플리케이션 등에 대한 Angular의 생각이 압도적으로 느껴질 수 있습니다.리액트도 마찬가지입니다.JSX는 이상할 수 있습니다(몇 년이 지나도 이상합니다).Vue.js는 교차 경로입니다.템플릿과 같은 각도를 사용하거나 JSX와 같은 반응을 자유롭게 선택할 수 있습니다.
- Vue.js의 반응성은 매우 추상화되어 있습니다.Angular(v1에서는 다이제스트 사이클, v2에서는 존) 또는 React에서는 비트가 다릅니다.이 개념들을 배우는 데는 시간이 걸린다.
Vue.js를 선택해야 하는 이유는 그 밖에도 많이 있습니다.얼마 전 Vue.js의 이유를 설명하는 기사를 쓴 적이 있습니다.https : //blog . webf . zone / vue - js - answer - the - 15 - months - 62db797f75cc
반응하는 이유
- React는 Angular와 마찬가지로 선구적인 라이브러리(프레임워크가 아님)입니다.단방향 아키텍처, 가상 도메인, 컴포넌트(스테이트풀 및 스테이트리스) 등의 아이디어를 소개했습니다.
- React Native도 React를 고려하는 이유 중 하나입니다.웹에서 작성한 것과 동일한 코드를 사용하여 네이티브 모바일 애플리케이션을 구축할 수 있습니다.현재 Vue.js 세계에는 솔루션이 존재합니다.하지만 리액트 네이티브만큼 성숙하지는 않습니다.
- 기능 프로그래밍:No way React는 함수 프로그래밍을 기반으로 하는 라이브러리입니다.그러나 올바른 방식으로 반응하려면 불변성, 명시적 상태 관리 및 기능적 세계에서 비롯된 이러한 모든 관련 개념을 사용해야 합니다.
- Redex: Redex는 React 세계에서 가장 사랑받는 제품입니다.시간 여행 디버깅, 명시적 부작용, 기능적 구성요소 등 프런트 엔드 세계에 적합한 훌륭한 건축 패턴을 구현했습니다.
- 혁신:React는 Relay, Next.js(Vue.js에는 Nuxt.js가 있습니다)와 같은 기발한 아이디어를 가지고 있습니다.또한 React용 Drap-n-drop 에디터에 대해서도 들었습니다.TypeScript 및 Flow 지원 (2018년에도 TypeScript + Vue.js + JSX를 함께 사용할 수 없습니다.)
왜 반응하지 않는가?
- 리액트만 사용하는 것은 충분하지 않습니다.곧 Redux, Redux 미들웨어, Unmutable.js 등을 사용하게 될 것입니다.한 번에 그 모든 것을 하는 것은 위협적일 수 있다.
- 레독스. 멋지긴 하지만 장황한 이야기야.
- 가장 중요한 것:정교한 빌드 시스템 없이 React를 사용하는 것은 번거로운 일입니다.진지한 일을 하려면 바벨, 웹팩 등이 필요합니다.
다시 한 번 말하지만, 어떤 게 더 나을까요?
이보다 더 좋은 해결책은 없다.많은 개발자(초급자-고급자)를 수용해야 한다면 Vue.js를 선택하겠습니다.React에 대한 모든 추가 과부하와 웹 개발에 대한 JavaScript 접근 방식(CSS도 JS)이 마음에 든다면 React를 선택하겠습니다.
마지막으로, 거기에는 다른 각도가 있다.React에서의 프로그래밍은 규율이 필요하기 때문에 코드베이스에 동질성을 가져오는 것이 쉬워질 가능성이 높습니다.Vue.js를 사용하면 문제에 대한 해결책이 여러 개 있는 경우가 많습니다.그것은 좋기도 하고 나쁘기도 합니다.
어느 쪽도 틀리지 않을 겁니다.
언급URL : https://stackoverflow.com/questions/48051535/vuejs-2-with-vuex-vs-react-with-redux
'programing' 카테고리의 다른 글
| 스프링 데이터 JPA GROUP BY 쿼리에서 사용자 지정 개체를 반환하는 방법 (0) | 2022.08.28 |
|---|---|
| Vue mapState 상태 이름 변경 (0) | 2022.08.28 |
| Vue의 이상한 표기법: const { state = {} = 이.$store; (0) | 2022.08.28 |
| Android 분할 문자열 (0) | 2022.08.27 |
| vue.js에서 새로 고치지 않고 페이지에서 데이터를 업데이트하는 방법 (0) | 2022.08.27 |