Draft:HTMX
![]() | Review waiting, please be patient.
This may take 3 months or more, since drafts are reviewed in no specific order. There are 3,220 pending submissions waiting for review.
Where to get help
How to improve a draft
You can also browse Wikipedia:Featured articles and Wikipedia:Good articles to find examples of Wikipedia's best writing on topics similar to your proposed article. Improving your odds of a speedy review To improve your odds of a faster review, tag your draft with relevant WikiProject tags using the button below. This will let reviewers know a new draft has been submitted in their area of interest. For instance, if you wrote about a female astronomer, you would want to add the Biography, Astronomy, and Women scientists tags. Editor resources
Reviewer tools
|
Submission declined on 7 April 2024 by Sohom Datta (talk). This submission does not appear to be written in the formal tone expected of an encyclopedia article. Entries should be written from a neutral point of view, and should refer to a range of independent, reliable, published sources. Please rewrite your submission in a more encyclopedic format. Please make sure to avoid peacock terms that promote the subject. This draft's references do not show that the subject qualifies for a Wikipedia article. In summary, the draft needs multiple published sources that are:
Where to get help
How to improve a draft
You can also browse Wikipedia:Featured articles and Wikipedia:Good articles to find examples of Wikipedia's best writing on topics similar to your proposed article. Improving your odds of a speedy review To improve your odds of a faster review, tag your draft with relevant WikiProject tags using the button below. This will let reviewers know a new draft has been submitted in their area of interest. For instance, if you wrote about a female astronomer, you would want to add the Biography, Astronomy, and Women scientists tags. Editor resources
This draft has been resubmitted and is currently awaiting re-review. | ![]() |
Submission declined on 27 January 2024 by HitroMilanese (talk). This submission is not adequately supported by reliable sources. Reliable sources are required so that information can be verified. If you need help with referencing, please see Referencing for beginners and Citing sources. This draft's references do not show that the subject qualifies for a Wikipedia article. In summary, the draft needs multiple published sources that are: Declined by HitroMilanese 4 months ago.
| ![]() |
Submission declined on 21 January 2024 by CNMall41 (talk). This submission is not adequately supported by reliable sources. Reliable sources are required so that information can be verified. If you need help with referencing, please see Referencing for beginners and Citing sources. This draft's references do not show that the subject qualifies for a Wikipedia article. In summary, the draft needs multiple published sources that are: Declined by CNMall41 4 months ago.
| ![]() |
Comment: This might be barely notable, but the article needs to be completely rewritten to Wikipedia's standards to make it through AFC. Remove all references that are blogs and make sure the article sounds like a encyclopedia entry and not a brochure on why I should use HTMX. Sohom (talk) 23:04, 7 April 2024 (UTC)
Comment: Additional references from independent and reliable sources are essential to demonstrate notability. Hitro talk 09:56, 27 January 2024 (UTC)
Comment: Please make sure to include WP:INCITE and also use secondary reliable sources. CNMall41 (talk) 21:03, 21 January 2024 (UTC)
![]() | |
Original author(s) | Carson Gross |
---|---|
Initial release | November 24, 2020[1] |
Stable release | 1.9.12[2]
/ 26 April 2024 |
Written in | JavaScript |
Size | 15.7 KB min+gzip[3] |
Type | JavaScript library |
License | BSD 0-clause[4] |
Website | htmx |
HTMX is an open-source[5] front-end JavaScript library created by Carson Gross as a new version of intercooler.js. It extends HTML with custom attributes that AJAX directly in HTML and with a hypermedia-driven approach. This allows tasks that traditionally required writing JavaScript to be done completely with HTML.
History[edit]
HTMX has its roots in intercooler.js, a frontend library created by Carson Gross in 2013. The library aimed to address the complexity associated with AJAX (Asynchronous JavaScript and XML) by introducing a simplified approach using HTML attributes.[6] The intent was to create a framework that was aligned with Roy Fielding's original intent for REST (representational state transfer) - and specifically HATEOAS (hypermedia as the engine of application state). The problem is described in Fielding's blog post "REST APIs must be hypertext-driven" from October 2008.[7][8]
HTMX was created as an improved version of intercooler.js that did not rely on jQuery with version 1.0.0 being released in November 2020.[9] The release of HTMX was a significant milestone for the project, by offering a way to utilize AJAX, CSS transitions, WebSockets, and Server-Sent Events directly in HTML using attributes.[10]
In 2023, HTMX was added to the first cohort of the GitHub Accelerator program, a program the provides open source projects with funding and guidance from members of mature open source projects.[11]
Design and functionality[edit]
HTMX enhances HTML elements for creating interactive web applications with a focus on simplicity and leveraging hypertext capabilities. It allows developers to easily add dynamic behavior to their markup using HTML attributes, reducing or even eliminating the need for extensive JavaScript code with large bundles,[12] complex state management or hydration.[13] HTMX can also update specific parts of a webpage without the need to reload the entire page (as would be the case with plain HTML+CSS), which might result in improved user experience and performance, since only a part of the data needs to be re-fetched from the server.[14]
It also challenges the common approach of utilizing JSON as the standard payload for HTTP requests by replacing it with HTML.[6] This is meant to solve the issues related to the performance and cognitive overhead of JSON serialization, deserialization, and subsequent use in the user interface, such as JavaScript and JSON's inability to accurately process numbers greater than 253 or distinguish floating-point numbers from integers and the complexity involved with alternatives to JSON-oriented REST, such as GraphQL or GRPC.[15] Additionally, a potential advantage of HTMX and hypertext-oriented approach in general, is that data retrieved directly from the database does not need to either be in a JSON or JSON-compliant format, such as that used by many document databases or the PostgreSQL's JSON type, or be serialized by the backend only to be then deserialized by the frontend again.[16] The reduced client-side computation also helps to shift the development focus towards the backend, which might result in better client-side performance, albeit at a cost of higher server load, and providing the developers with a simpler way to solve more problems which they would otherwise solve using client-side JavaScript in virtually any other programming language.[17]
The library's design philosophy revolves around a goal to "complete HTML as a hypertext."[18] By leveraging custom HTML attributes prefixed with hx-
to trigger AJAX requests to fetch content to update parts of the DOM with, HTMX enables developers to define dynamic behavior directly within their markup, reducing the need for extensive JavaScript code.[19][20] This approach offers a more accessible and intuitive way to build modern user interfaces while avoiding the complexities often associated with traditional JavaScript frameworks.[21]
Community and adoption[edit]
Since its inception as intercooler.js and its subsequent evolution into HTMX, the library has gained a significant following within the web development community.[22][23] With its focus on simplicity and accessibility, HTMX has gained a measure of popularity as an alternative to the approach of most JavaScript frameworks for building dynamic web applications.[24][25][26]
HTMX integrations have been developed for various full-stack/backend web frameworks, programming languages and templating engines, including Node.js, Django, Flask, Adobe ColdFusion, ASP.NET, Clojure, and Ruby on Rails.[27] Such libraries are usually matter of nothing more than convenience since HTMX's portable and minimalist design allows it to be integrated with virtually any HTML templating engine.[18]
References[edit]
- ^ "Release v1.0.0 - HTMX". GitHub.
- ^ "Release v1.9.12 - HTMX". GitHub.
- ^ "htmx.org v1.9.12". Unpkg. Retrieved 2024-04-30.
- ^ "htmx/LICENSE". HTMX. Retrieved 2024-04-30 – via GitHub.
- ^ Desai, Milin. "Council Post: Why Every Company Should Be Open-Source Aligned". Forbes. Retrieved 2024-05-19.
- ^ a b Melanson, Mike (2022-01-19). "Htmx: HTML Approach to Interactivity in a JavaScript World". The New Stack. Retrieved 2024-04-24.
- ^ Gross, Carson. "Simple AJAX using HTML attributes". Intercooler.js. Retrieved 2024-04-24.
- ^ Fielding, Roy T. (20 Oct 2008). "REST APIs must be hypertext-driven » Untangled".
- ^ "htmx ~ htmx 1.0.0 has been released!". htmx.org. Retrieved 2024-04-24.
- ^ "htmx | Technology Radar". Thoughtworks.
- ^ Sowles, Kara (2023-04-12). "GitHub Accelerator: our first cohort and what's next". The GitHub Blog. Retrieved 2024-04-24.
- ^ Sheppard, Dennis (2017), "Leveling Up Your PWA", Beginning Progressive Web App Development, Berkeley, CA: Apress, pp. 243–259, doi:10.1007/978-1-4842-3090-9_12, ISBN 978-1-4842-3089-3, retrieved 2024-04-30
- ^ "A First Look at HTMX and How it Compares to React". Builder.io.
- ^ "htmx ~ Documentation". htmx.org. Retrieved 2024-04-30.
- ^ Kleppmann, Martin (2017-03-01). "Formats for Encoding Data". Designing Data-Intensive Applications (epub) (1st ed.). 1005 Gravenstein Highway North, Sebastopol, CA 95472, United States of America: O’Reilly Media. JSON, XML, and Binary Variants. ISBN 9781491903100.
{{cite book}}
: CS1 maint: location (link) - ^ Shi, Xuanhua; Zhang, Yipeng; Huang, Hong; Hu, Zhenyu; Jin, Hai; Shen, Huan; Zhou, Yongluan; He, Bingsheng; Li, Ruibo; Zhou, Keyong (April 2020). "Maxson: Reduce Duplicate Parsing Overhead on Raw Data". 2020 IEEE 36th International Conference on Data Engineering (ICDE). IEEE. pp. 1621–1632. doi:10.1109/ICDE48307.2020.00144. ISBN 978-1-7281-2903-7.
- ^ Eckert, Raphael (2023-03-23). Erstellen eines einfach bedienbaren und einfach implementierbaren UI-Konzepts mit Go und htmx [Creating an easy-to-use and easy-to-implement UI concept with Go and htmx] (PDF) (in German). Heilbronn: Hochschule Heilbronn.
- ^ a b Tyson, Matthew (2023-09-20). "Intro to HTMX: Dynamic HTML without JavaScript". InfoWorld. Retrieved 2024-04-24.
- ^ "Introduction to HTMX | refine". 26 October 2023.
- ^ Tyson, Matthew (2024-03-13). "Complexity bad: An interview with HTMX creator Carson Gross". InfoWorld. Retrieved 2024-04-24.
- ^ "htmx ~ Essays". htmx.org. Retrieved 2024-04-30.
- ^ "@htmx_org". X (formerly Twitter). Retrieved 2024-05-19.
- ^ "htmx.org". npm. 2024-04-17. Retrieved 2024-04-30.
- ^ "Exploring the Top Lightweight Alternatives to React in 2024". www.sitepoint.com. 2023-08-13. Retrieved 2024-05-19.
- ^ Letusheva, Valeria (2024-05-09). "Highlights from the Django Developer Survey 2024". InfoWorld. Retrieved 2024-05-19.
- ^ Tyson, Matthew (2024-04-01). "What's the best JavaScript framework?". InfoWorld. Retrieved 2024-05-19.
- ^ "htmx ~ Server-Side Examples". htmx.org. Retrieved 2024-05-19.
External links[edit]
- Draft articles on internet culture
- Draft articles on software
- Draft articles on computing
- Draft articles on technology
- AfC submissions on science, mathematics and engineering
- Pending AfC submissions
- AfC pending submissions by age/5 weeks ago
- AfC submissions by date/30 April 2024
- AfC submissions by date/28 January 2024
- AfC submissions by date/26 January 2024
- AfC submissions by date/21 January 2024