how to use redux js on client side with plain javascript - redux

I wan't to use redux js on client side and i searched but all i found are about server side or react .
how can use redux js with plain JavaScript on client side ?
and some guide to how work with it.
http://redux.js.org/

You can see this tutorials from Dan Abramov (redux creator) at egghead.
https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree
At this tutorial he uses examples with vanillajs and reactjs.
This help me a lot, so I hope this will help you.

Related

meteor.js and React - does the server rendering for SEO works out of the box?

I read some docs and still confused. It explains some technical details - like how you can inject something into <head> and <body> tags etc.
I don't quite understand it, it seems like you need to write some special code to make server side rendering work.
In next.js Server-Side Rendering works out of the box. I wonder if there's a similar way to make it works out of the box in Meteor.JS + React - without writing any additional special code?
AFAIK, there is no out-of-box solution for SSR in Meteor. Meteor does have lots of Out-of-box features but SSR is not one of them.
You can read about how to do it in Meteor + React projects here.
https://docs.meteor.com/packages/server-render.html
alternate option:
You can use prerender for seo and we have good working product using Prerender in couple of my Meteor + Blaze projects.

Multiple projects all using redux on the same page

Let's say for example I am working on a website which makes use of redux. Then I want to import a different project, e.g. some embedded app, which also uses redux.
So then I have a website written using react & redux, with an embedded app, which also uses react & redux, but neither projects know that the other project uses redux.
Will this be a problem? Will there be any conflicts? And how would the chrome redux plugin work? Would it be able to pick up both redux stores?
Depends on how you plan to embed. It should not be problem.
About Chrome Redux plugin, I'm not sure about this.
you can use IFrame. There should ideally be no problem doing this, till you are on the same domain.
or
If you choose the Web-component way. It will give you shadow dom inside. This can be used to create a widget which then can be used anywhere without conflicting with parent in anyway.
see the
https://auth0.com/blog/web-components-how-to-craft-your-own-custom-components/
hope this helps.

How to make emberjs app with a mobile look (like the one in jquery mobile)?

I have a simple project of a web application for mobile using Emberjs. For the look and feel, I want something equivalent to JQuery Mobile. Is there a way to mix Emberjs and jquery mobile? If so, how?
I have looked at the Travis-ci mobile app and they seem to have only defined a specific css for the mobile version. What is strange is that they also have this file : file that seems to be an attempt to integrate with JQMobile but they don't use it anywhere in the code.
I also have found this article Using Ember.js with jQuery UI but it's about JQuery UI. Can I use the same technique for JQuery Mobile?
Please share your own experience about having a mobile look and feel with Emberjs.
If you know any open source project on GitHub or wherever that uses Emberjs for mobile I will be thankful if you let me know the address.
What Technique do you recommend?
Note: I have make a first attempt to use the 'data-' html5 attributes of jquery mobile within a list generated by a controller but the elements of the view don't have change to a jquery mobile look and feel and I not sure why.
Sorry for my English, it is not my mother tongue.
As stated in the Ember.js wiki there are two projects concerning mobile:
ember-titanium - Titanium Mobile wrapped in Ember (formerly SproutCore-Titanium)
ember-mk - Mobile Kit for ember.js
Maybe they are useful for you.
#luissala created a proof of concept project using Ember with jQuery Mobile. It might get you on the right track:
https://github.com/LuisSala/emberjs-jqm
Have a look at Twitter Bootstrap: http://twitter.github.com/bootstrap/
https://github.com/fohr/blossom
Is in a very premature state, but it seems pretty promising.
It's from the guys who started Sproutcore (I think!), so the syntax is very relevant to EmberJS

asp.net: dynamically extend content

i'm not sure how to call that. i'm looking for some samples guiding me how to implement a automatic page extend. i'm mean something like the friends list on facebook. first only a few friends are loaded. after you scroll down, some others get loaded.
thx in advance
The solution to your problem relies more on AJAX then anything else.
I suggest using jQuery Ajax, and here is a nice article that will get you started with calling ASP.NET web services via client side script.
enter link description here
If you don't have experience using ajax this will probably be a lot for you to grasp. Especially if you're going to dive in with a feature like you described above.
Edit: It may be more practical to use a plugin to achieve this:
scrolling jQuery plugin

implement rotating downloadable templates in asp.net

Look at : http://in.yahoo.com... In this you can see a rotating images(along with text).
And on click of this image...a server side code will get execute.
Can anybody tell me how can I implement the same in asp.net 2.0
Thanks in advance!
That's what's normally called a "Carousel" and would be implemented in JavaScript. Your preferred JavaScript library probably has a few plugins to handle that already (jQuery, YUI, etc), or you could probably create something using the Animations tools in the ASP.NET AJAX Control Toolkit.

Resources