javascript - Where to set cookie in Isomorphic Redux Application? -


i have 3 general questions redux , isomorphic application:

  • what best way share 'runtime' data between client , server? instance, when user logged in distant api, store session object in cookies. in way, next time client requests front-end, front-end server can read cookies , initialize redux store it's previous session. downside of client has validate/invalidate session on boot (eg in componentdidmount of root component). should request session server side rather read cookies?
  • where should execute operation of cookie storing, in action creators or in reducers? should store cookie in reducer handle user session?
  • where should execute operation of redirect user (via react-router)? mean when user logged in, should dispatch redirect action (from loginactioncreator once login promise resolved?, somewhere else? )

thanks in advance.

i managed neat app structure. here's found each questions:

  • i share between client , front-end server api server token via cookies. each time client request site. front-end server calls api server validate session. if these servers on same network it's fast (< 5ms). prefetch useful data client on server before initial render. manage application loaded , ready (javascript loaded) in client in 600ms. pretty decent.

  • the action of storing cookie in actions creators. ethan clark said, must keep reducers pure. it's more easier test.

  • i still dispatch redirect in signin creator once user authenticated. guess it's easier test dispatch action after promise resolution in component or elsewhere.

in fact, keeping in mind allows have app easy test (expect actions creator must have ton of spies).

hope someone.

thanks participating.


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

android - Keyboard hides my half of edit-text and button below it even in scroll view -

i having trouble keyboard covers edit-text , half of button in scroll view. here's layout , please tell me how should resolve problem. many questions on topic none of them s working me. <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"> <scrollview android:layout_width="match_parent" android:fillviewport="true" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="w...
Read more