So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.
Database in a browser, a spec (Stepan Parunashvili)
What problem are we trying to solve with a sync system?
The web of tomorrow (Nikita Prokopov)
| // hard, buggy, incomplete, slower | |
| <button | |
| onClick={async () => { | |
| setLoading(true); | |
| let result = await updateProject({ | |
| status: "active" | |
| }); | |
| setLoading(false); | |
| setResult(result); | |
| }} |
The latest release of Remix fixes sourcemaps so you no longer need to use any hacks to set breakpoints in your route modules. Simply start the debugger and Remix will hit the breakpoint in your loaders and actions.
Debugging session even survives edits and Live Reload.
| .ProseMirror[data-placeholder]::before { | |
| color: global.$placeholder-colour; | |
| position: absolute; | |
| content: attr(data-placeholder); | |
| pointer-events: none; | |
| } |
| // example vite.config.js | |
| import { cdn } from './vite-plugin-cdn' | |
| export default { | |
| plugins: [ | |
| // also supported: esm.run, jspm | |
| // loads the dep over the CDN during dev | |
| // auto downloads and includes into the bundle during build | |
| cdn('skypack', { | |
| vue: '^3.0.5' |
| <html> | |
| <head> | |
| <style> | |
| * { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; |
This week NN Group released a video by Jakob Nielsen in which he attempts to help designers deal with the problem of customers being resistant to their new site/product redesign. The argument goes thusly:
There's slightly more to it than that, he caveats his argument with requiring you to have of course followed their best practices on product design, and allows for a period of customers being able to elect to continue to use the old site, although he says this is obviously only a temporary solution as you don't want to support both.
| const ignoreErrors = [ | |
| /^No error$/, | |
| /__show__deepen/, | |
| /_avast_submit/, | |
| /Access is denied/, | |
| /anonymous function: captureException/, | |
| /Blocked a frame with origin/, | |
| /can't redefine non-configurable property "userAgent"/, | |
| /change_ua/, | |
| /console is not defined/, |
| { | |
| "emojis": [ | |
| {"emoji": "👩👩👧👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "👩‍👩‍👧‍👧", "category": "People & Body (family)", "order": ""}, | |
| {"emoji": "👩👩👧👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "👩‍👩‍👧‍👦", "category": "People & Body (family)", "order": ""}, | |
| {"emoji": "👩👩👦👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "👩‍👩‍👦‍👦", "category": "People & Body (family)", "order": ""}, | |
| {"emoji": "👨👩👧👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "👨‍👩&z |
