clinuxrulz

import { batch, Component, createEffect, createMemo, onCleanup, onMount } from 'solid-js';
import { createStore } from 'solid-js/store';

const Window: Component<{
    title?: string,
    width?: number,
    height?: number,
    initX?: number,
    initY?: number,
}> = (props) => {

Atinux

const waitFor = (ms) => new Promise(r => setTimeout(r, ms))
const asyncForEach = async (array, callback) => {
  for (let index = 0; index < array.length; index++) {
    await callback(array[index], index, array)
  }
}

const start = async () => {
  await asyncForEach([1, 2, 3], async (num) => {
    await waitFor(50)

excid3

Realtime Notifications with ActionCable

In this episode we're going to be adding realtime notifications into your app using ActionCable. We've talked about notifications a few times in the past and we used AJAX polling for that. 95% of the time, polling is the solution that would be recommended for it.

But if you're looking for a good introduction into ActionCable then this is a decent one because we're only really using it for one way from the server side to the client side.

Getting started

So to get started we're starting with an app that has Bootstrap installed and then we created a Main controller with an index view which is where we will list our Notifications as for this example.

Before we generate our channels let's install a few things

dhoelzgen

class API::V1::BaseController < ApplicationController

  skip_before_filter :verify_authenticity_token

  before_filter :cors_preflight_check
  after_filter :cors_set_access_control_headers

  def cors_set_access_control_headers
    headers['Access-Control-Allow-Origin'] = '*'
    headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'

robertovg

app.directive('infiniteScroll', [
  '$rootScope', '$window', '$timeout', function($rootScope, $window, $timeout) {
    return {
      link: function(scope, elem, attrs) {
        var checkWhenEnabled, handler, scrollDistance, scrollEnabled;
        $window = angular.element($window);
        elem.css('overflow-y', 'scroll');
        elem.css('overflow-x', 'hidden');
        elem.css('height', 'inherit');
        scrollDistance = 0;

zishe

jruby-1.7.12
puma -e production -t 100:100 <framework>.ru
wrk -t4 -c100 -d2s http://0.0.0.0:9292/

Ruby
Rack:         17800.91
Hobbit:       15742.50
Cuba:         14828.45

JRuby + Rack + Torqbox ~ 60k req/s

Lawondyss

myApp = angular.module 'myApp', []

myApp.service 'FlashMessage', ($rootScope) ->
  Flash = () ->
    $rootScope.flashes = []

    $rootScope.$on '$routeChangeSuccess', () ->
      $rootScope.$broadcast 'FlashMessage:reset', $rootScope.flashes = []
      return

headius

# interpreted AST

system ~/projects/jruby $ jruby.bash -X-C mandelbrot.rb 20
warming up
running mandelbrot(500) for 20 iterations
4.862
4.822
4.822
4.846
5.057

jakemmarsh

define(['angular', 'services'], function (angular) {
    'use strict';

    return angular.module('myApp.controllers', ['myApp.services'])
        .controller('IndexCtrl', ['$scope', 'googleService', function ($scope, googleService) {

            $scope.login = function () {
                googleService.login().then(function (data) {
                    // do something with returned data
                    console.log(data.email);

5HT

Server-care HTML5

Micro, REST bindings and Simple Templating

Framework	Link	Star	Fork	Templating
Python: Flask,	https://github.com/mitsuhiko/flask	6887	1422	jinja
Ruby: Sinatra,	https://github.com/sinatra/sinatra	5097	792