path: root/documentation/bookmark/web_framework.md

# State

0. []()
0. [Jotai: Primitive and flexible state management for React](https://jotai.org/)

# Virtual DOM

0. []()
0. [Virtual DOM is pure overhead](https://svelte.dev/blog/virtual-dom-is-pure-overhead)
0. [million: <1kb virtual DOM - it's fast!](https://million.js.org/)
0. [Optimal Virtual DOM](https://blog.kabir.sh/posts/optimal-virtual-dom.html)

# Input

0. []()
0. [High-performance input handling on the web](https://nolanlawson.com/2019/08/11/high-performance-input-handling-on-the-web/)

# Reference

0. []()
0. [Functional UI](https://take.surf/2022/07/04/functional-ui)
0. [UIs Are Not Pure Functions of the Model - React.js and Cocoa Side by Side](https://blog.metaobject.com/2018/12/uis-are-not-pure-functions-of-model.html)
0. [UIs are streaming DAGs](https://hyperfiddle.notion.site/UIs-are-streaming-DAGs-e181461681a8452bb9c7a9f10f507991)
0. [You Might Not Need an Effect](https://beta-reactjs-org-git-you-might-not-fbopensource.vercel.app/learn/you-might-not-need-an-effect)
0. [Concepts of React Rendering](https://blog.boringdev.io/concepts-of-react-rendering)
0. [You can't capture the nuance of my form fields](https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html)
0. [Line-tracking using plain CSS](https://bubblin.io/blog/line-tracking)
0. [Redux is half of a pattern (1/2)](https://dev.to/davidkpiano/redux-is-half-of-a-pattern-1-2-1hd7)
0. [Introducing Concurrent Mode (Experimental)](https://reactjs.org/docs/concurrent-mode-intro.html)
0. https://github.com/daybrush/scenejs
0. https://blog.ionicframework.com/announcing-capacitor-1-0/
0. http://joneisen.me/talk-frelp-ui/#/
0. http://meiosis.js.org/
0. https://medium.com/samsung-internet-dev/disappearing-frameworks-ed921f411c38
0. https://jasonhpriestley.com/flows
0. https://hackernoon.com/creating-a-new-programming-language-that-will-allow-anyone-to-make-software-7a8c73238dc2
0. https://github.com/gmrchk/swup
0. https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/
0. https://chanind.github.io/rails/2019/03/28/why-i-miss-rails.html
0. https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

# Exemplar

0. []()
0. [Voby](https://github.com/vobyjs/voby)
0. ["Janus: Easy Complex UI with Declarative FRP" by Issa Tseng](https://www.youtube.com/watch?v=7S57O3VwIyQ)
0. https://github.com/alpinejs/alpine
0. [Mint: The programming language for writing single page applications.](https://www.mint-lang.com/)
0. [root: A recursive UI resolver](https://github.com/den1k/root)
0. https://www.http4k.org/blog/meet_http4k/
0. Django
0. Ruby On Rails
0. http://sailsjs.com/
0. http://www.cerebraljs.com/
0. http://www.christianalfoni.com/articles/2016_09_11_The-case-for-function-tree
0. https://www.infernojs.org/
0. https://cycle.js.org/
0. https://github.com/alixander/Stanchion
0. http://jooby.org/
0. https://github.com/Day8/re-frame
0. https://reagent-project.github.io/
0. https://fulcrologic.github.io/fulcro/
0. https://www.siliconpublishing.com/blog/introducing-lotusjs
0. https://github.com/giapnguyen74/gstate
0. https://robots.thoughtbot.com/lucky-an-experimental-new-web-framework-by-thoughtbot
0. https://github.com/vuejs/vue
0. https://github.com/omcljs/om
0. http://fulcro.fulcrologic.com/index.html
0. https://github.com/vibora-io/vibora
0. https://david-peter.de/articles/flare/
0. https://medium.com/@tirthbodawala/introducing-pawjs-a-pluggable-framework-caeef166409f
0. https://github.com/reclarejs/reclare
0. https://eng.uber.com/fusionjs/
0. https://reactjs.org/docs/hooks-intro.html
0. https://medium.freecodecamp.org/the-virtual-dom-is-slow-meet-the-memoized-dom-bb19f546cc52
0. http://kweb.io/
0. https://medium.com/dailyjs/redux-without-reducers-reduxless-69afe76d9eeb
0. https://eugenkiss.github.io/7guis/
0. https://yogalayout.com/
0. http://www.expressionsofchange.org/reification-of-interaction/
0. https://www.infoq.com/articles/no-more-mvc-frameworks
0. https://github.com/eugenkiss/7guis/wiki
0. https://unmanner.github.io/imaskjs/
0. http://www.cssreflex.com/css-frameworks/
0. https://layerjs.org/
0. https://enactjs.com/
0. https://frankchimero.com/writing/everything-easy-is-hard-again/
0. https://medium.com/@eugenkiss/challenges-in-gui-programming-65d360466e3f
0. https://www.slideshare.net/lmatteis/are-statecharts-the-next-big-ui-paradigm
0. https://guide.elm-lang.org/architecture/
0. https://skillsmatter.com/skillscasts/8717-arachne-building-a-framework-in-clojure#video
0. https://github.com/arachne-framework
0. https://github.com/duct-framework/duct
0. http://redux.js.org/
0. https://hackernoon.com/transmission-tx-a-flux-alternative-fe0630eed2a3
0. https://medium.com/groupon-eng/grox-the-art-of-the-state-b5223f48d696
0. https://hackage.haskell.org/package/MFlow
0. https://www.schoolofhaskell.com/school/to-infinity-and-beyond/pick-of-the-week/MFlowDSL
0. https://medium.com/gitconnected/react-component-patterns-ab1f09be2c82?ref=hn
0. https://www.lucidchart.com/techblog/2017/11/08/5-usage-ideas-for-angular-pipes/
0. [David Khourshid - Infinitely Better UIs with Finite Automata](https://www.youtube.com/watch?v=VU1NKX6Qkxc)
0. https://www.silvestarbistrovic.from.hr/articles/classily-js-toggling-classes-more-classily/
0. https://www.sitepoint.com/functional-programming-choo/
0. https://m.alphasights.com/css-evolution-from-css-sass-bem-css-modules-to-styled-components-d4c1da3a659b#.ksank5elf
0. https://www.bassi.io/articles/2017/01/11/constraints-editing/
0. https://github.com/threepointone/glamor
0. http://ijzerenhein.github.io/autolayout.js/
0. https://github.com/CodeRocketCo/enhanced-rails-architecture
0. https://github.com/graphcool/graphcool
0. https://www.sitepen.com/blog/2017/08/17/state-of-modern-component-styling/
0. https://blog.logrocket.com/advanced-vue-js-concepts-mixins-custom-directives-filters-transitions-and-state-management-ca6955905156
0. https://underscore.io/blog/posts/2017/01/24/finch-functional-web-development.html
0. https://www.sitepoint.com/eqcss-a-javascript-plugin-to-write-element-queries/
0. https://github.com/cognitect-labs/vase
0. http://donejs.com/
0. https://github.com/stdlib/lib
0. https://www.hashicorp.com/blog/replacing-queues-with-nomad-dispatch.html
0. https://github.com/darkleaf/router
0. https://gist.github.com/tomhodgins/da7d8aa89d34b69e5c4120980e3945ef

# Architecture

0. []()
0. https://jew.ski/raj/
0. https://github.com/redux-saga/redux-saga

# Platforms

0. []()
0. https://www.producthunt.com/posts/mason

# State-management

0. []()
0. [Some re-frame patterns for composability](https://vvvvalvalval.github.io/posts/some-re-frame-patterns-for-composability.html)
0. https://github.com/keajs/kea
0. https://github.com/isocroft/Radixx

# Styling

0. []()
0. [CSS Protips](https://github.com/AllThingsSmitty/css-protips)
0. [Layout-isolated components](https://visly.app/blog/layout-isolated-components)
0. [Centering in CSS: A Complete Guide](https://css-tricks.com/centering-css-complete-guide/)
0. [Vertical Rhythm Reset](https://jhildenbiddle.github.io/vertical-rhythm-reset/)
0. [Cascading Scoped Style Sheets, aka CSSS, aka C3S](https://github.com/crislin2046/c3s)
0. [The importance of the CSS user-select property](https://www.malgol.com/the-importance-of-the-css-user-select-property/)
0. [Index fun](https://psuter.net/2019/07/07/z-index)
0. [Constraint layouts](https://blog.gtk.org/2019/07/02/constraint-layouts/)
0. https://every-layout.dev/
0. https://github.com/diegohaz/reuse
0. https://wiki.csswg.org/ideas/mistakes
0. https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook
0. http://www.tipue.com/blog/css-sticky/
0. https://modalzmodalzmodalz.com/
0. https://medium.com/@elad/new-css-logical-properties-bc6945311ce7
0. https://css-tricks.com/browserlist-good-idea/
0. http://tabulator.info/
0. https://css-tricks.com/creating-non-rectangular-headers/
0. https://github.com/callum-hart/immutable-styles
0. https://developers.google.com/web/updates/2019/02/constructable-stylesheets
0. https://nosir.github.io/cleave.js/
0. https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/
0. https://medium.com/@devdevcharlie/things-nobody-ever-taught-me-about-css-5d16be8d5d0e
0. https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11
0. https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/
0. [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/)
0. []()

# Design system

0. []()
0. https://ant.design/

# Rendering

0. []()
0. [The Virtual DOM is slow. Meet the Memoized DOM](https://www.freecodecamp.org/news/the-virtual-dom-is-slow-meet-the-memoized-dom-bb19f546cc52/)
0. [Incrementally Improving The DOM](https://blog.functorial.com/posts/2018-04-08-Incrementally-Improving-The-DOM.html)
0. https://medium.com/@ryansolid/the-fastest-way-to-render-the-dom-e3b226b15ca3
0. https://github.com/Famous/engine
0. https://redom.js.org/
0. https://svelte.dev/blog/virtual-dom-is-pure-overhead

# Database query

0. []()
0. http://slick.lightbend.com/docs/
0. https://books.underscore.io/essential-slick/essential-slick-3.html