awesome-tagged-templates
node
awesome-tagged-templates | node | |
---|---|---|
28 | 943 | |
92 | 104,274 | |
- | 1.2% | |
10.0 | 9.9 | |
about 3 years ago | 5 days ago | |
JavaScript | ||
- | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
awesome-tagged-templates
-
How and why do we bundle zx?
When zx first appeared, it was a tiny esm script that just proposed a new idea for how child_process.spawn API could be enhanced with string template literals.
-
Building a Dynamic Client-Side Blog with Secutio & Bootstrap
The template combines HTML and JavaScript. To understand this approach, consider how PHP pages are generated. In PHP, code is embedded within the HTML. Similarly, this library leverages JavaScript template literals to achieve the same objective. From the definition: "Template literals are literals delimited with backtick (`) characters, allowing for multi-line strings, string interpolation with embedded expressions, and special constructs called tagged templates".
-
Number and Currency Formatting in JavaScript using Intl.NumberFormat
The numbers we are printing are monetary values so they are missing a decimal value and a currency symbol. One way we can do this is by using JavaScript template literals to append and prepend the pieces we are missing.
-
Bun 1.1
Tagged templates[0], the language feature that enables this, were introduced in ECMAScript 2015 apparently – arguably at least somewhat new in the lifespan of JavaScript. :)
Java is getting a similar feature with template processors[1]. It would be nice to have it in Python as well – i.e. not just f-strings, but something that (like tagged templates) allows a template function process the interpolated values to properly encode them for whatever language is appropriate (e.g. shell, SQL, HTML, etc.).
[0] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...
[1] https://openjdk.org/jeps/459
-
JavaScript Template Literals
References: Template literals (Template strings)
-
A React Developers Guide to Writing Enhance Components
We are using a string template literal to create the tag and the ${} syntax to provide string interpolation, that is, substituting the values of href and altText into our string.
-
TypeScript Template Literal Types: Practical Use-Cases for Improved Code Quality
In TypeScript, a string literal type is a type that represents a specific set of string values. For example, the type "red" | "green" | "blue" represents the set of three string values "red", "green", and "blue". Template literal types allow you to perform operations on these string literal types using the same syntax as template literal strings in JavaScript.
-
Exploring Secutio Task by Task. Setting "Events" Like Stylesheets!
The example also showcases the use of inline templates, employing JavaScript Template Literals. The JSON data obtained from the GET request is accessible through the "data" variable.
-
The Bun Shell
These are called "tagged templates": https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...
- AI for Web Devs: Your First API Request to OpenAI
node
-
How to set up a new project using Yarn
Let’s see how we could set up a shiny new JavaScript project using the Yarn package manager. We are going to set up nodenv, install Node.js and Yarn, and then initialize a new project that we will then be able to use as a foundation for our further ideas.
-
Qu'est-ce qu'un projet MERN Stack et comment créer une application CRUD avec? Partie 2/2, Tutoriel
Node.js ( https://nodejs.org/ )
- WebSockets com Socket.io: Criando Aplicações Real-Time com Node.js
-
Day 2: Setting Up Angular Development Environment
Visit the Node.js website and download the latest version of Node.js for your operating system.
-
How to Add Firebase Authentication To Your NodeJS App
Basic knowledge of Node.js and its environment setup. If you don't have Node.js installed on your system, make sure you download and install it from the official Node.js website.
-
Part 2: Setting Up Your Node.js Environment
Node.js can be easily installed from its official website. Depending on your operating system, you can choose the Windows, macOS, or Linux version. Node.js packages come with npm (Node Package Manager), which is essential for managing dependencies in your projects.
-
Announcing Node.js 22.0.0: What’s New and Why It Matters
To get started with Node.js 22.0.0, you can download the latest version from the official Node.js website. For those upgrading from an older version, it is recommended to test your existing applications for compatibility with the new release, particularly if you are using native modules or rely heavily on third-party npm packages.
-
How to Make a VS Code Extension Using TypeScript: A Step-by-Step Guide
Node.js (version 10 or higher)
-
Getting Started with Next.js: Part 1 - Setting Up Your Project
Before we start, ensure that you have Node.js installed on your computer. This is necessary because we will use Node's package manager (npm) to create our Next.js project. If you need to install Node.js, you can download it from the official Node.js website.
-
How to create a react project from scratch
Before starting a new project in react, you need to make sure that you have NodeJS install on your system. You can download the latest version of node at https://nodejs.org. Follow the instructions on the node website to do the installation.
What are some alternatives?
rewrite-styled-components - Rewrite library styled-components in ~ 60 line code
Svelte - Cybernetically enhanced web apps
dom-examples - Code examples that accompany various MDN DOM and Web API documentation pages
widevine-l3-decryptor - A Chrome extension that demonstrates bypassing Widevine L3 DRM
bnx - zx inspired shell for Bun.
source-map-resolve - [DEPRECATED] Resolve the source map and/or sources for a generated file.
enhance-starter-project - file based routing metaframework for blazing fast custom elements
sharp-libvips - Packaging scripts to prebuild libvips and its dependencies - you're probably looking for https://github.com/lovell/sharp
dax - Cross-platform shell tools for Deno and Node.js inspired by zx.
nodejs.dev - A redesign of Nodejs.org built using Gatsby.js with React.js, TypeScript, and Remark.
enhance.dev - Docs website for Enhance!
hashlips_art_engine - HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.