davezuko/react-redux-starter-kit

Get started with React, Redux, and React-Router!

Mike DeVita

@mikedevita

or via a socket.io connection

joshuaandrewhoffman

@joshuaandrewhoffman

Ooh that's kinda nice

Okay so your only question is just one of organization on the server side? Like where should the code live?

Mike DeVita

@mikedevita

client side

where would you put the things like

socket.on('server-update', function(server) {
  // do something with the updated server info
 // maybe dispatch a thunk action?
});

joshuaandrewhoffman

@joshuaandrewhoffman

I think that package I mentioned has it right about how to do this. I. Had the name wrong though, it's: https://www.npmjs.com/package/redux-socket.io

Mike DeVita

@mikedevita

right now i have things like ...

socket.on('connected', function () {
    // dispatch(socket.connected(socketId)
   // console.log('connected to backend')
});
socket.on('disconnected', function () {
    // dispatch(socket.connected(socketId)
   // console.log('connected to backend')
});

in my store/socket.js file and i call socket.connect() in my appcontainer.js onMount()

joshuaandrewhoffman

@joshuaandrewhoffman

it might conflict with sails on the client->server aspect but you could use the same principle

Mike DeVita

@mikedevita

sails just adds http capable wrappers into socket.io so i can do something like io.sails.get|post|put|delete()

joshuaandrewhoffman

@joshuaandrewhoffman

Might be ok then

I really like what redux-socketio

Mike DeVita

@mikedevita

ill check it out

joshuaandrewhoffman

@joshuaandrewhoffman

Prescribes*

Mike DeVita

@mikedevita

which person is it made by? link?

there are several of them

and do you have any code samples i can peek at?

joshuaandrewhoffman

@joshuaandrewhoffman

I linked the npm, pretty sure that's the right one. I'm pre coffee and on mobile atm so buyer beware :P

Mike DeVita

@mikedevita

ahh i missed that

thats the one i was looking at lol

so i take it your action.type is the "channel"

or is the channel "action"

joshuaandrewhoffman

@joshuaandrewhoffman

Code isn't in front of me but the gist is just action handlers like [server/state_update]

Mike DeVita

@mikedevita

joshuaandrewhoffman

@joshuaandrewhoffman

Sorry you lost me w channels

Mike DeVita

@mikedevita

socket.io has a concept of channels or rooms..

e.g. socket.emit('channelname', { // some data })

joshuaandrewhoffman

@joshuaandrewhoffman

Ohhh yeah

So that's what I was saying I got stuck on and couldn't solve so rolled my own channel tracking

Mike DeVita

@mikedevita

i have a channel for each server basically how it works out, by default.. and a channel for each server agent thats used to broadcast stats and startup/shutdown

joshuaandrewhoffman

@joshuaandrewhoffman

Similar to what you described I think. This user/socket is in this place

The only difference is I'm emitting to that user and everyone else there by hand

Which isn't super maintainable and something that won't scale so I gotta fix it

Definitely ambiguous implementation wise whether you send your data to all users always when something changes or only send things that are relevant to the page they're on. It may very well be case by case

Mike DeVita

@mikedevita

i want all things updated

joshuaandrewhoffman

@joshuaandrewhoffman

Sorry to vanish on you Mike, got a ton going on today. Hopefully I helped a bit. If you need to chat more about this I can late this evening or Sunday

Mike DeVita

@mikedevita

you did help a lot i havent had a chance to dig into it more yet, my home server lab is in pieces and im waiting on the UPS guy to get here with some gear so i can put it back together...

Jishnu Viswanath

@neolivz

does any one know good skelton/bootstrap project with Typescript and Koa?

Sorry wrong thread/group

jet oneza

@jetoneza

I really like this kit. We use it in production.

aditya shanker tagirisa

@adityashankert

Me too we R going to move to production next week

Thanks for the community it helped me a lot

Mike DeVita

@mikedevita

Same here

Gio

@supermacro

hello all .. I've got a question for you.

within Counter/index.js why do we import injectReducer at the top of the file and not within the require.ensure call, where the other two modules are being imported?

as you can probably tell, I'm quite unfamiliar with to code splitting

Jason Shin

@JasonShin

Hi, I have a phonegap app and I need to find out how to use postcss-cssnext

how do you do it?

can someone help??

Jason Shin

@JasonShin

I already have it like below

webpackConfig.postcss = [
  cssnano({
    autoprefixer: {
      add: true,
      remove: true,
      browsers: ['> 1%']
    },
    discardComments: {
      removeAll: true
    },
    discardUnused: false,
    mergeIdents: false,
    reduceIdents: false,
    safe: true,
    sourcemap: true
  })
]

how do I add cssnext?
I am basically trying to transpile all cssnext syntax like var(--something)
into standard CSS

aditya shanker tagirisa

@adityashankert

can we pass state to layout ?

Where communities thrive

People

Repo info

Activity