(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| <?php | |
| function facebook_sdk_init() { | |
| wp_enqueue_script('jquery'); | |
| // instruction to only load if it is not the admin area | |
| if ( !is_admin() ) { | |
| // register and load the facebook sdk | |
| wp_register_script( 'facebook-sdk', | |
| 'http://connect.facebook.net/en_US/all.js', | |
| array(), '', TRUE); |
| ;; Error monad from Filinski's "Representing Monads" | |
| (define *default-prompt* (make-prompt)) | |
| (define (reflect m) (shift *default-prompt* k (ext k m))) | |
| (define (reify t) (push-prompt *default-prompt* (unit (t)))) | |
| (define-record-type Success | |
| (make-success a) | |
| success? |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
This table was created in 2015 so may be quite outdated today.
| Feature | Meteor Solution | Alternative Solutions | Description |
|---|---|---|---|
| Live DB Sync | [livequery][lq] ([mongo-oplog]), [ddp] | RethinkDB, Redis, ShareDB, [npm:mongo-oplog], [firebase], etc. | Push DB updates to client/server. |
| Latency Compensation, Optimistic UI | [minimongo][mm] | [RethinkDB][lcr], [mWater/minimongo] (fork, not ws but http, browserify) | Imitate successful db query on client before it is done. |
| Isomorphic Code | [isobuild] & isopacks | browserify | Write one code for server/client/mobile. |
| Isomorphic Packaging | [isobuild], atmosphere | No more separate packages for server & client. Get bower + npm + mobile. |
Service Worker - offline support for the web
Progressive apps - high-res icon, splash screen, no URL bar, etc.
| .rounded-corners-gradient-borders { | |
| width: 300px; | |
| height: 80px; | |
| border: double 4px transparent; | |
| border-radius: 80px; | |
| background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff); | |
| background-origin: border-box; | |
| background-clip: padding-box, border-box; | |
| } |
| function onFormSubmit(e) { | |
| var data = { | |
| "form": { | |
| "id": e.source.getId(), | |
| "title": e.source.getTitle() ? e.source.getTitle() : "Untitled Form", | |
| "is_private": e.source.requiresLogin(), | |
| "is_published": e.source.isAcceptingResponses(), | |
| }, | |
| "response": { | |
| "id": e.response.getId(), |
| import * as O from "most" | |
| import {run} from "@cycle/most-run" | |
| import DOM from "@culli/dom" | |
| import Store, {Memory} from "@culli/store" | |
| import HTTP from "@culli/http" | |
| run(GithubSearch, { | |
| DOM: DOM("#app"), | |
| // create store using in-memory persintence |