«reactjs-flux» 태그된 질문

Flux는 Facebook이 React로 클라이언트 측 웹 애플리케이션을 구축하는 데 사용하는 애플리케이션 아키텍처입니다. 단방향 데이터 흐름을 활용하여 React의 구성 가능한 뷰 구성 요소를 보완합니다.

8
Facebook Flux를 통해 Redux를 사용하는 이유는 무엇입니까? [닫은]
휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 작년에 문을 닫았 습니다 . 잠김 . 이 질문과 주제는 주제가 다르지만 역사적으로 중요하기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. 본인은했습니다 이 대답을 , 상용구를 줄이는 몇 GitHub의 예를 쳐다 보면서 조금이라도 (할 일 애플 …

7
플럭스 대신 Redux를 사용하면 단점은 무엇입니까?
휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 작년에 문을 닫았 습니다 . 이 질문을 개선하십시오 최근에 Redux를 발견했습니다 . 모두 좋아 보인다. Fluux over Redx 사용시 단점, 단점 또는 …


11
React 애플리케이션에 서비스 제공
나는 서비스 / 공장으로 로직을 추출하여 컨트롤러에서 사용할 수있는 각진 세계에서 왔습니다. React 응용 프로그램에서 어떻게 달성 할 수 있는지 이해하려고합니다. 사용자의 암호 입력을 확인하는 구성 요소가 있다고 가정 해 봅시다 (강점). 논리는 매우 복잡하므로 자체 구성 요소에 쓰지 않으려 고합니다. 이 논리를 어디에 써야합니까? 플럭스를 사용하는 경우 매장에서? 아니면 …

3
Flux 아키텍처에서 스토어 라이프 사이클을 어떻게 관리합니까?
Flux 에 대해 읽고 있지만 Todo 앱 예제 는 너무 간단하여 몇 가지 핵심 사항을 이해하기 어렵습니다. 사용자 프로필 페이지 가있는 Facebook과 같은 단일 페이지 앱을 상상해보십시오 . 각 사용자 프로필 페이지에서 무한 스크롤과 함께 일부 사용자 정보와 마지막 게시물을 표시하려고합니다. 한 사용자 프로필에서 다른 사용자 프로필로 이동할 수 있습니다. …


6
플럭스 스토어 나 액션 (또는 둘 다)이 외부 서비스와 접촉해야합니까?
상점이 자체 상태를 유지하고 그렇게하면서 네트워크 및 데이터 저장 서비스를 호출 할 수있는 능력이 있다면 ...이 경우 작업은 멍청한 메시지 전달자 일뿐입니다. -또는- ... 저장소는 작업에서 변경 불가능한 데이터의 멍청한 수신자 여야합니까 (작업은 외부 소스간에 데이터를 가져 오거나 보내는 작업입니까?이 인스턴스의 저장소는 뷰 모델 역할을하며 집계 / 필터링 할 수 …

6
비동기 적으로 초기화 된 React.js 구성 요소의 서버 측 렌더링 전략
의 가장 큰 장점 중 하나 React.js이 있어야하는데 서버 측 렌더링 . 문제는 키 기능 React.renderComponentToString()이 동기식이므로 구성 요소 계층이 서버에서 렌더링 될 때 비동기 데이터를로드 할 수 없다는 것입니다. 페이지의 어느 곳에 나 놓을 수있는 주석 작성을위한 범용 구성 요소가 있다고 가정 해 보겠습니다. 여기에는 하나의 속성, 일종의 식별자 …

4
react.js에서 Enter 키를 사용하여 양식을 제출하는 방법은 무엇입니까?
다음은 내 양식과 onClick 메서드입니다. 키보드의 Enter 버튼을 눌렀을 때이 방법을 실행하고 싶습니다. 어떻게 ? NB : jquery는 감사하지 않습니다. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> <br /> <button type="button" className="btn btn-success" …

4
Webpack-dev-server는 앱 페이지 대신 디렉토리 목록을 제공합니다.
에서 실제 앱만 볼 수 있습니다 /public. 의 구성 webpack.config.js은 다음과 같습니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: …

4
컴포넌트가 Flux의 Stores에서 엔티티를 읽어야하는 중첩 수준은 무엇입니까?
Flux를 사용하기 위해 앱을 다시 작성하고 있는데 Stores에서 데이터를 검색하는 데 문제가 있습니다. 나는 많은 구성 요소를 가지고 있으며 많이 중첩됩니다. 그들 중 일부는 크고 ( Article), 일부는 작고 단순합니다 ( UserAvatar, UserLink). 구성 요소 계층 구조에서 Stores에서 데이터를 읽어야하는 곳에서 어려움을 겪고 있습니다. 두 가지 극단적 인 접근 방식을 …

9
반응 구성 요소의 부울 상태를 전환하는 방법은 무엇입니까?
반응 구성 요소의 부울 상태를 전환하는 방법을 알고 싶습니다. 예를 들면 : 내 구성 요소의 생성자에 부울 상태 검사가 있습니다. constructor(props, context) { super(props, context); this.state = { check: false }; }; this.setState 메서드를 사용하여 내 확인란을 클릭 할 때마다 상태를 전환하려고합니다. <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.