Remix Deferred is currently implemented on top of React's Suspense model but is not limited to React. This will be a quick dive into how "promise over the wire" is accomplished.
It isn't rocket science, but a quick recap of how frameworks such as react do SSR:
| function Test() { | |
| const [postionList, setPostionList] = setState([ | |
| { | |
| id: 1, | |
| title: 'a', | |
| selected: false | |
| }, | |
| { | |
| id: 2, | |
| title: 'b', |
| var DOMTokenListSupports = function(tokenList, token) { | |
| if (!tokenList || !tokenList.supports) { | |
| return; | |
| } | |
| try { | |
| return tokenList.supports(token); | |
| } catch (e) { | |
| if (e instanceof TypeError) { | |
| console.log("The DOMTokenList doesn't have a supported tokens list"); | |
| } else { |
| var supportsES6 = function() { | |
| try { | |
| new Function("(a = 0) => a"); | |
| return true; | |
| } | |
| catch (err) { | |
| return false; | |
| } | |
| }(); |
| Copyright (c) 2013-2015 Ross Kirsling | |
| Permission is hereby granted, free of charge, to any person obtaining | |
| a copy of this software and associated documentation files (the | |
| "Software"), to deal in the Software without restriction, including | |
| without limitation the rights to use, copy, modify, merge, publish, | |
| distribute, sublicense, and/or sell copies of the Software, and to | |
| permit persons to whom the Software is furnished to do so, subject to | |
| the following conditions: |
| function curry(fn) { | |
| var _args = [] | |
| return function _fn (...args) { | |
| _args = [..._args, ...args] | |
| if (args.length) { | |
| return _fn | |
| } else { | |
| const r = _args.reduce(fn) | |
| _args = [] | |
| return r |
| function co (_g) { | |
| const ge = _g() | |
| next(ge) | |
| } | |
| function next(ge, _v) { | |
| const { value, done } = ge.next(_v) | |
| if (done) { | |
| ge.next(value) | |
| } else { |
| const observer = { | |
| next: function nextCb(data) { | |
| console.log(data) | |
| }, | |
| error: function errorCb(error) { | |
| console.error(error) | |
| }, | |
| complete: function completeCb(data) { |
| @Inject('ServiceA', 'ServiceB', 'ServiceC') | |
| class Ctrl { | |
| fetchData () { | |
| this.ServiceA.fetch() | |
| } | |
| } | |
| function Inject (...args) { | |
| return function (target, key, descriptor) { | |
| const ctrl = function (..._args) { | |
| args.forEach((v, i) => { |
| git diff --name-only --cached --relative | grep '\\.js$' | xargs eslint |
