React: Within a container how to render a component on to another one without rerender others?
My question seems a bit vague, first let me explain what I want to do with an image: You can see here I have a container component, lets say Stars. Inside that component I have two others are being rendered: Actors and Actresses. As you can see there are links to Movies and TV Shows, which are also two components. What I want is when I click to Movies it will render on to Actors without rerender Actresses. Same thing goes for Actresses. At that point, I have some basic knowledge for React and React Router. I tried my luck with Routes and Switches but I can't get to work it. Here is my question, is this possible? If yes, what can/should I use? States or any other method I don't know yet (like Redux)? Or my strategy is not a good one? ie, this is not possible without rerendering the container component? My React version: 16.0.0-alpha.12 My React Router version: 4.1.1 Edit: I changed the question a little bit. In the original one I asked the question with the phrase "without changing URL". But, this is not my main point. I just want to swap components without rerendering the other ones in the container.
This can be handled through state in the container, however assuming you want to do that through URLs, React-Router comes with an option for nested routes. https://github.com/reactjs/react-router-tutorial/tree/master/lessons/04-nested-routes if you create a routes for actors and a route for actress, this might be possible to achieve.
TypeScript custom declaration files for untyped npm modules
React native ex-navigation chnaging routers
React and Authorization using an API
electron not allowed to load local resource
How to use jsx-control-statements in reactjs?
Leaflet with Webpack: error in css-loader
React - Where should I load async data?
Infinite componentDidUpdate() calls with react-router
How to ignore .d.ts file inside npm package?
Using goBack function from react-router-redux
Can I create alias routes using react router?
Unable to update the state of my app, console.log inside reducer shows that object has changed, but the state remains same
Change background of parent after Match
React and Google's autocomplete Service and fetching zipcodes
Populating FieldArray based on a JSON file uploaded
componentDidMount not called