# Virtual DOM 1. [Virtual DOM is pure overhead](https://svelte.dev/blog/virtual-dom-is-pure-overhead) 1. [million: <1kb virtual DOM - it's fast!](https://million.js.org/) 1. [Optimal Virtual DOM](https://blog.kabir.sh/posts/optimal-virtual-dom.html) # Input 1. [High-performance input handling on the web](https://nolanlawson.com/2019/08/11/high-performance-input-handling-on-the-web/) # Reference 1. [You can't capture the nuance of my form fields](https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html) 1. [Line-tracking using plain CSS](https://bubblin.io/blog/line-tracking) 1. [Redux is half of a pattern (1/2)](https://dev.to/davidkpiano/redux-is-half-of-a-pattern-1-2-1hd7) 1. [Introducing Concurrent Mode (Experimental)](https://reactjs.org/docs/concurrent-mode-intro.html) 1. https://github.com/daybrush/scenejs 1. https://blog.ionicframework.com/announcing-capacitor-1-0/ 1. http://joneisen.me/talk-frelp-ui/#/ 1. http://meiosis.js.org/ 1. https://medium.com/samsung-internet-dev/disappearing-frameworks-ed921f411c38 1. https://jasonhpriestley.com/flows 1. https://hackernoon.com/creating-a-new-programming-language-that-will-allow-anyone-to-make-software-7a8c73238dc2 1. https://github.com/gmrchk/swup 1. https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ 1. https://chanind.github.io/rails/2019/03/28/why-i-miss-rails.html 1. https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript # Exemplar 1. https://github.com/alpinejs/alpine 1. [Mint: The programming language for writing single page applications.](https://www.mint-lang.com/) 1. [root: A recursive UI resolver](https://github.com/den1k/root) 1. https://www.http4k.org/blog/meet_http4k/ 1. Django 1. Ruby On Rails 1. http://sailsjs.com/ 1. http://www.cerebraljs.com/ 1. http://www.christianalfoni.com/articles/2016_09_11_The-case-for-function-tree 1. https://www.infernojs.org/ 1. https://cycle.js.org/ 1. https://github.com/alixander/Stanchion 1. http://jooby.org/ 1. https://github.com/Day8/re-frame 1. https://reagent-project.github.io/ 1. https://fulcrologic.github.io/fulcro/ 1. https://www.siliconpublishing.com/blog/introducing-lotusjs 1. https://github.com/giapnguyen74/gstate 1. https://robots.thoughtbot.com/lucky-an-experimental-new-web-framework-by-thoughtbot 1. https://github.com/vuejs/vue 1. https://github.com/omcljs/om 1. http://fulcro.fulcrologic.com/index.html 1. https://github.com/vibora-io/vibora 1. https://david-peter.de/articles/flare/ 1. https://medium.com/@tirthbodawala/introducing-pawjs-a-pluggable-framework-caeef166409f 1. https://github.com/reclarejs/reclare 1. https://eng.uber.com/fusionjs/ 1. https://reactjs.org/docs/hooks-intro.html 1. https://medium.freecodecamp.org/the-virtual-dom-is-slow-meet-the-memoized-dom-bb19f546cc52 1. http://kweb.io/ 1. https://medium.com/dailyjs/redux-without-reducers-reduxless-69afe76d9eeb 1. https://eugenkiss.github.io/7guis/ 1. https://yogalayout.com/ 1. http://www.expressionsofchange.org/reification-of-interaction/ 1. https://www.infoq.com/articles/no-more-mvc-frameworks 1. https://github.com/eugenkiss/7guis/wiki 1. https://unmanner.github.io/imaskjs/ 1. http://www.cssreflex.com/css-frameworks/ 1. https://layerjs.org/ 1. https://enactjs.com/ 1. https://frankchimero.com/writing/everything-easy-is-hard-again/ 1. https://medium.com/@eugenkiss/challenges-in-gui-programming-65d360466e3f 1. https://www.slideshare.net/lmatteis/are-statecharts-the-next-big-ui-paradigm 1. https://guide.elm-lang.org/architecture/ 1. https://skillsmatter.com/skillscasts/8717-arachne-building-a-framework-in-clojure#video 1. https://github.com/arachne-framework 1. https://github.com/duct-framework/duct 1. http://redux.js.org/ 1. https://hackernoon.com/transmission-tx-a-flux-alternative-fe0630eed2a3 1. https://medium.com/groupon-eng/grox-the-art-of-the-state-b5223f48d696 1. https://hackage.haskell.org/package/MFlow 1. https://www.schoolofhaskell.com/school/to-infinity-and-beyond/pick-of-the-week/MFlowDSL 1. https://medium.com/gitconnected/react-component-patterns-ab1f09be2c82?ref=hn 1. https://www.lucidchart.com/techblog/2017/11/08/5-usage-ideas-for-angular-pipes/ 1. [David Khourshid - Infinitely Better UIs with Finite Automata](https://www.youtube.com/watch?v=VU1NKX6Qkxc) 1. https://www.silvestarbistrovic.from.hr/articles/classily-js-toggling-classes-more-classily/ 1. https://www.sitepoint.com/functional-programming-choo/ 1. https://m.alphasights.com/css-evolution-from-css-sass-bem-css-modules-to-styled-components-d4c1da3a659b#.ksank5elf 1. https://www.bassi.io/articles/2017/01/11/constraints-editing/ 1. https://github.com/threepointone/glamor 1. http://ijzerenhein.github.io/autolayout.js/ 1. https://github.com/CodeRocketCo/enhanced-rails-architecture 1. https://github.com/graphcool/graphcool 1. https://www.sitepen.com/blog/2017/08/17/state-of-modern-component-styling/ 1. https://blog.logrocket.com/advanced-vue-js-concepts-mixins-custom-directives-filters-transitions-and-state-management-ca6955905156 1. https://underscore.io/blog/posts/2017/01/24/finch-functional-web-development.html 1. https://www.sitepoint.com/eqcss-a-javascript-plugin-to-write-element-queries/ 1. https://github.com/cognitect-labs/vase 1. http://donejs.com/ 1. https://github.com/stdlib/lib 1. https://www.hashicorp.com/blog/replacing-queues-with-nomad-dispatch.html 1. https://github.com/darkleaf/router 1. https://gist.github.com/tomhodgins/da7d8aa89d34b69e5c4120980e3945ef # Architecture 1. https://jew.ski/raj/ 1. https://github.com/redux-saga/redux-saga # Platforms 1. https://www.producthunt.com/posts/mason # State-management 1. https://github.com/keajs/kea 1. https://github.com/isocroft/Radixx # Styling 1. [CSS Protips](https://github.com/AllThingsSmitty/css-protips) 1. [Layout-isolated components](https://visly.app/blog/layout-isolated-components) 1. [Centering in CSS: A Complete Guide](https://css-tricks.com/centering-css-complete-guide/) 1. [Vertical Rhythm Reset](https://jhildenbiddle.github.io/vertical-rhythm-reset/) 1. [Cascading Scoped Style Sheets, aka CSSS, aka C3S](https://github.com/crislin2046/c3s) 1. [The importance of the CSS user-select property](https://www.malgol.com/the-importance-of-the-css-user-select-property/) 1. [Index fun](https://psuter.net/2019/07/07/z-index) 1. [Constraint layouts](https://blog.gtk.org/2019/07/02/constraint-layouts/) 1. https://every-layout.dev/ 1. https://github.com/diegohaz/reuse 1. https://wiki.csswg.org/ideas/mistakes 1. https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook 1. http://www.tipue.com/blog/css-sticky/ 1. https://modalzmodalzmodalz.com/ 1. https://medium.com/@elad/new-css-logical-properties-bc6945311ce7 1. https://css-tricks.com/browserlist-good-idea/ 1. http://tabulator.info/ 1. https://css-tricks.com/creating-non-rectangular-headers/ 1. https://github.com/callum-hart/immutable-styles 1. https://developers.google.com/web/updates/2019/02/constructable-stylesheets 1. https://nosir.github.io/cleave.js/ 1. https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/ 1. https://medium.com/@devdevcharlie/things-nobody-ever-taught-me-about-css-5d16be8d5d0e 1. https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11 1. https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/ 1. [You want enabling CSS selectors, not disabling ones](https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/) 1. []() # Design system 1. https://ant.design/ # Rendering 1. [Incrementally Improving The DOM](https://blog.functorial.com/posts/2018-04-08-Incrementally-Improving-The-DOM.html) 1. https://medium.com/@ryansolid/the-fastest-way-to-render-the-dom-e3b226b15ca3 1. https://github.com/Famous/engine 1. https://redom.js.org/ 1. https://svelte.dev/blog/virtual-dom-is-pure-overhead # Database query 1. http://slick.lightbend.com/docs/ 1. https://books.underscore.io/essential-slick/essential-slick-3.html