Is there a way to share the redux store between multiple React/Redux instances on the same page?
The content of my webpage is provided by a CMS. I want to include several React widgets on the page, but the problem is that each instance has its own store.
to illustrate: after config of the webpage by the CMS it will provide anchor divs into the page like this:
<div id='my-react-widget-A'></div>
<div id='my-react-widget-B'></div>
<div id='my-react-widget-C'></div>
I heard about ways to publish actions through middleware, but most of the solutions I found are to publish them over a network connection, I would like to keep them on the same page.
Could someone point me in the right direction?
Related
I am looking for easy-to-build website development platforms that allows me to also manage and deliver dynamic web content based on prior user events such as clicks, hovers, scrolls. For example, if one engaged more with cat-themed content and assets than dog-themed, I want to dynamically load similarly themed content and assets going forward.
Did not find anything on Wix, SquareSpace, Wordpress, Hubspot CMS. Perhaps I am also searching using the wrong terminologies.
Looking for webdev services. And/or terminologies that I should be researching (if commercial recommendations are off-topic).
I am planing a simple website layout: Header with navigation, sidebar and a content block.
The whole site should be a single-page application because I am using a Cesium Visualization and a page reload would delete the current JS objects that are displayed in the Viewer.
Therefore I would like to reload the content container using AJAX to display my different "pages" and therefore keep all the JS Objects in the browser.
My question is:
Do you know a way to add a url-based navigation to this architecture?
For example: I am on the index page /index/ and enter the new url /content1/. The new url reloads the content container using AJAX and keeps the rest as it is. Therefore I would also be able to use the forward and backwards buttons of the browser.
May this be possible with ASP.net MVC routing?
I am pretty new to this so I hope I discribed my problem well enough.
Thanks a lot!
Try Pjax which uses ajax to load content dynamically via ajax
and pushState to maintain url history i.e is a HTML5 api. You shall find more details in the link below
https://github.com/defunkt/jquery-pjax
If you are familiar with angularjs then using ngRoute is a better alternative to Pjax as it has an effective url management through the routing service, please check the below link for more details on ngRoute
https://docs.angularjs.org/api/ngRoute/service/$route
I am new to Microsoft Dynamics. I managed to create new solution and know how to add web resource to particular page like Contacts. Also, I have added few buttons to Ribbon control with their actions.
Now my problem is, I want to add a button either to ribbon control or anywhere in page, which I can access in complete CRM (like I can do in Master Page of asp.net), and which will help me open my web resource.
For example, if I click on Charts bar, web resource should be visible, otherwise it should be hidden.
My question may be lame, because I am very new to CRM Dynamics, kindly suggest my way is correct or I need to take some different approach?
If I understand it correctly you're looking for a way to add a button to multiple screens without need to modify each of them separately. (To avoid the pain when modifying all the ribbons or all the forms.)
In that case I'd suggest creating a separate JS web resource with code that adds a button with desired functionality, styling etc. And use Form Libraries Manager from XrmToolbox to bulk add the resource to all the forms.
I'm not a web developer. I'm a budding game developer and I'm just making myself a website for my portfolio.
I made this as a little college project. Its just one html page with almost nothing on it. And everything is added to the DOM with javascript (when you go to a new 'page' the last stuff is removed)
For my portfolio site I want to do something similar to this. Where the title / breadcrumbs and so on remain static and the content changes depending what project you want to look at.
In my bookshop example the JS add/remove was convenient cus all the books had the same types of info and it was just stored in a little database like structure.
For my portfolio website each project content bit might have a different layout / info as each project is different. (eg some might be just a video, some might be all text etc.)
So iframe springs to mind but I know that iframes are bad for accessibility and thats something I want to avoid as a general principle.
Any of you web guys have any ideas as to how to load a page (or achieve something similar) into another page without iframe so it is really part of its host page and reads that way not just visually but would read properly by a blind person say (I forget the word for this!)
Consider using php to fill a div with the information. You can then store the project content in a separate file from the rest of the page, and it is separated from a markup standpoint as well (which is what I'm guessing your after?)
Note that the user will receive both pages together, its only separate from the server's point of view.
For example (untested):
<html>
<body>
<div id="projects">
<? $page = file_get_contents("projects.html"); echo $page; ?>
</div>
</body>
</html>
I've got a Flex 3 project. One of the problems I have is that not very much of its content is indexed by Google. Currently, I pull data from a mySQl database, so the Googlebot doesn't see most of the site.
My goal is to increase the amount of content indexed by Google, improve the SEO, and improve SERPs.
I thought that instead of pulling the data from the database that I would change the project's architecture and create separate "pages". So, in my case, I would compile each puzzle separately and upload it to the server in its own directory. This way the info in each puzzle would get indexed.
The negative is that if I add a puzzle, I'd have to add a link to it in all of the puzzles that are already on the server. I would have to add the link, re-compile each puzzle and upload it to the server. Is there a way to get around this problem? Also, if I wanted to communicate some data from one puzzle to another in the future, I wouldn't be able to do so.
Any suggestions?
Thank you.
-Laxmidi
The usual way to achieve this goal is to develop a hidden parallel site in HTML.
On the first page you will have your flash and, hidden by javascript, a list of links to the other pages. These links will be parsed by the robots. Ideally, the href pages are virtual (look for "url rewriting"). On each "fake" page, your server-side language will print on the page a content or links from your database AND the flash. The flash will be provided with a string explaining where it is and what it's supposed to show.
Ex: http://www.mysite.com/category1/content7 The URL rewriting sends this request to http://www.mysite.com/index.php?uri=category1/content7. The page should display the Flash with FlashVar "uri=category1/content7". The Flash knows which content it has to display so when an user comes from google, following this link, he will find the content he was looking for.
Every linking and content for SEO should be in HTML, don't trust robots capability of reading Flash.
have a look at Adobe's reference on deep-linking.
you can generate a website's sitemap.xml with a cron process (daily), such that the URLs encode the state of the application you need. This URL will encode whatever content you need to retrieve from the db, with just one index.html page.
good luck!