React app 구조화 도움이 필요합니다.

Question

React에서 응용 프로그램을 디자인/제작하고 있지만, 모든 것을 구조화하는 데 도움이 필요합니다.

나는 다음과 같이 구축 만들려면 응용 :

을 지금, 나는이를 구성하는 방법에 대한 몇 가지 질문을 가지고, 무슨 일이 플러그인을 반응 또는 프레임 워크는 유용하게 :

1. "필터"막대가 기본 레이아웃 ("마스터 페이지")의 일부이어야합니까?
2. react-router은 반응 라우팅에 적합한 선택이라고 생각하십니까?
3. 데이터를 표시하고 조작 할 때 Flux을 사용하는 것이 좋습니다. 아니면 Flux가 데이터와 관련이 없습니까?

4. ASP.Net WebAPI에서 데이터를 검색하고 싶습니다. 이것은 내가 일반적으로 "일반"XmlHttpRequest/jquery 아약스와 함께 할 것인가? 아니면 더 많은 "반응"이 있습니까?

5. 추가 : 사용할 구체적인 이유가 있습니까 Redux? 난 정말 그 사용을 이해하지 못합니다 :)

당신의 도움에 미리 감사드립니다.

Answer 1

나는이 같은 레이아웃을 가질 수 있습니다 생각 : 당신이해야합니다

<App> 
    <Navbar /> { /* Here you show the username also, this view will depend on props */ } 
    <Layout /> { /* Here you may have the content and the sidenav */ } 
</App> 

앱 상단 구성 요소 인) (렌더링 예를 들면 소품을 통과하는 주요 컨테이너를

// You should treat this as a Page component, the one that grabs 
// data and passes it as props to another components 
export default class AppPage extends React.Component { 
    render() { 
     return (<AppLayout { ...this.props } />); 
    } 
} 

export default class AppLayout extends React.Component { 
    render() { 
     return (
      <Navbar someProp={ this.props.someProp } /> 
      { this.props.children } 
     ); 
    } 
} 

라우터는 예를 들면 될 수 있습니다

<Router history={ browserHistory }> 
    <Route path="/" component={ App }> 
    <IndexRoute component={ Landing } /> 
    <Route path="/index" component={ Layout } /> 
    </Route> 
</Router> 

IndexRoute가 '/'이며 구성 요소를 저희해야하는 말할 수있다 예를 들어,/layout {this.props. children} AppLayout에 <Layout /> 구성 요소로 렌더링합니다.

나는이 기사를 읽으십시오 : https://facebook.github.io/react/docs/thinking-in-react.html 더 나은 작품을 어떻게 반응하는지 이해하는 ... 그것은 그것은 Navbar의 구성 요소에 있어야