dnt
hydrogen
Our great sponsors
dnt | hydrogen | |
---|---|---|
10 | 20 | |
1,164 | 1,144 | |
2.6% | 10.6% | |
7.6 | 9.7 | |
2 days ago | 6 days ago | |
Rust | TypeScript | |
MIT License | MIT License |
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.
dnt
-
Creating an NPM Package in 2024 (Deno, dnt)
We are going to use dnt - Deno to Node Transform tool to build the npm package.
- Ryan Dahl: "our goal is to have Deno be the fastest JS runtime"
-
Build package for NPM & Deno
As already mentioned dnt might help you if you are willing to have deno as your primary development environment. I work in a project like this and the deno tooling is great. I don't even need a package.json since dnt will generate it for me.
-
How to build, test, and publish a TypeScript npm package in 2022
Build it in Deno and then use dnt to create an npm package. That way you support both JS runtimes: https://github.com/denoland/dnt
-
Write once, run anywhere with Deno and Dnt
Specifically, make my codebase be for Deno, use Deno built-in formatter, linter and testing, and use dnt (Deno to Node Transform) to generate an npm package containing ESM code and to test generated code. For testing in the browser, deploy the test content linked to the generated ESM code to Github Pages and use playwright/test. For Cloudflare Workers, use wrangler to set up a worker locally for testing. A schematic diagram is shown below.
- Fresh is a new full stack web framework for Deno
-
tsx: Node.js enhanced with esbuild to run TypeScript & ESM
I ended up building the library with Deno and compiling to Node.js CJS and ESM using https://github.com/denoland/dnt
-
Deno 1.20
Yes, TS code is compiled to run in browsers. You can compile and bundle using `deno bundle` if your project is developed in Deno. Since I'm using Deno for library development, I use the `dnt`[1] tool to compile them into ESM modules later consumed by esbuild in my Node-based projects/toolchains.
[1] https://github.com/denoland/dnt
-
How to compule/bundle code for nodejs?
Maybe this could help? https://github.com/denoland/dnt
hydrogen
- Help with my first ecommerce in next.js
-
Remix web framework aquired by Shopify
This acquisition is very much in the context of https://hydrogen.shopify.dev/roadmap/#first-quarter and https://github.com/Shopify/hydrogen - Shopify very much wants to move to the modern era.
And to address your point, it's not gaslighting to say that React enables interactions that would be essentially impossible if restricted to server-side templating. But there's certainly some degree to which trendiness and a desire to attract developers into their ecosystem is driving this as well.
-
My thoughts after trying to port a Shopify store from NextJS to Shopify Hydrogen
I would say its main selling point is obviously the integration with Shopify. It comes with hooks, components and types to make it really easy to interact with the Shopify API. (They also use an XState state machine for the cart.)
-
How can Shopify have a market cap of 50B when the whole market for website builders is worth about 2.3B?
Shopify's got their own headless framework for storefronts built on React called Hydrogen. Just recently came out of beta. Has a built in React hook for GraphQL queries to the storefront.
-
Fresh is a new full stack web framework for Deno
All the activity around V8 Isolates + "workers" is so cool-- exceptional performance, don't need to think about regions, and CDN-like benefits
Shopify's new store-builder thinks this way too: https://github.com/Shopify/hydrogen
-
Shopify - How We Built Hydrogen: A React Framework for Building Custom Storefronts
Not sure what documentation you're looking at, because we have a ton here: https://shopify.dev/custom-storefronts/hydrogen
-
Get Started with Shopify's New Headless Hydrogen Framework
Full Docs and Image Source
- What is the point of learning to build e-commerce websites when platforms like Shopify exist?
- Need advice which offer to select. Have been offered a position as a react dev in one company and as shopify developer in other. What is future of shopify vs react.
- Experiences using Vite for React+Typescript projects?
What are some alternatives?
klaro-js - Klaro Privacy Manager. An open-source, privacy-friendly & compliant consent manager for your website.
Liquid - Liquid markup language. Safe, customer facing template language for flexible web apps.
ts-runtime-comparison - Comparison of Node.js TypeScript runtimes
vite-material-ui - A Vite starter template for React, TypeScript, and MUI
tsx - ⚡️ TypeScript Execute: Node.js enhanced to run TypeScript & ESM
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
undici - An HTTP/1.1 client, written from scratch for Node.js
rust-zmq - Rust zeromq bindings.
is-bun - Return true if you are running in Bun.
HULL - 💀 Headless Shopify Starter – powered by Next.js + Sanity.io
deno - A modern runtime for JavaScript and TypeScript.
e-shopee - 💳 Online shopping application and e-commerce trading platform.