arqex

freezer.on('message:loadAll', () => {
  
  // Let the app know we are loading stuff
  freezer.get().set({status: 'LOADING'});
  
  Ajax.get('/messages').then( messages => {
    freezer.get.set({
      status: 'READY', // We are ready again!
      messages: messages
    });

arqex

class Messages extends React.Component({
  render(){
    if( this.props.store.status === 'LOADING' ){
      return this.renderLoading();
    }
    else {
      return this.renderReady();
    }
  }
});

arqex

freezer.on('message:loadAll', () => {
  freezer.get().set({status: 'LOADING'});
  Ajax.get('/messages').then( messages => {
    
    freezer.get.set({
      status: 'READY',
      messages: messages
    });
    
    // Some other reactions might be listening to this

arqex

// We can return the promise from our reaction
freezer.on('message:send', text => {
  freezer.get().set({status: 'SENDING'});
  
  // Return the promise
  return Ajax.post('/messages', {text: text} )
    .then( msg => {
      freezer.get()
        .set({status: 'READY'})
        .messages.push(msg)

arqex

// In our socket event handlers file
socket.on('messageReceived', message => {
  freezer.emit('message:received', message);
});

// In our message reactions file
freezer.on('message:received', message => {
  freezer.get().messages.push( message );
})

arqex

// This helper will guide our websocket events to freezer
function toFreezer( socketEvent, freezerEvent ){
  socket.on( socketEvent, function(){
    var args = [freezerEvent].concat( Array.from(arguments) );
    freezer.emit.apply( freezer, args );
  });
}

// Now we can redirect socket events easily
toFreezer('messageReceived', 'message:received');

arqex

git clone https://github.com/passpill-io/passpill-backend.git
cd passpill-backend
npm install
npm start

arqex

var webpack = require("webpack");
// ...
{
  // ...
  plugins: [
    new webpack.DefinePlugin({
      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV)
    })
  ]
  // ...

arqex

const config = {}
if( process.env.NODE_ENV === 'production' ){
  config.remoteURL = 'http://myserver.com/resource';
}
else {
  config.remoteURL = 'http://localhost/resource';
}
export default config;

arqex

var Copy = require('copy-webpack-plugin');
// ...
{
  // ...
  plugins: [
    new Copy({
      from: 'assets/fonts',
      to: 'fonts', // path relative to the build folder
      toType: 'dir', // or 'file'
      ignore: ['*.json'] // We can skip files