Hydrogen legacy v1 has been moved to a separate repo and the docs can be found here.

Requirements:

• Node.js version 16.14.0 or higher
• npm (or your package manager of choice, such as yarn or pnpm)

1. Install the latest version of Hydrogen:

   npm create @shopify/hydrogen@latest

2. Run the local development server:

   npm install
   npm run dev

3. Open your new Hydrogen app running at http://localhost:3000.

See the complete Hydrogen docs.

Hydrogen is organized as a monorepo, which includes multiple packages…

quicktype generates strongly-typed models and serializers from JSON, JSON Schema, TypeScript, and GraphQL queries, making it a breeze to work with JSON type-safely in many programming languages.

• Try quicktype in your browser.
• Read 'A first look at quicktype' for more introduction.
• If you have any questions, check out the FAQ first.

Missing your favorite language? Please implement it!

There are many ways to use quicktype. app.quicktype.io is the most powerful and complete UI. The web app also works offline and doesn't send your sample data over the Internet, so paste away!

For the best CLI, we recommend installing quicktype globally via npm:

npm install -g quicktype

# Run

A collection of utilities for making working with iterables more bearable

• packages/blob-to-it Turns a blob into an async iterator
• packages/browser-readablestream-to-it Turns a browser readble stream into an async iterator
• packages/it-all Collects all values from an (async) iterable and returns them as an array
• packages/it-batch Takes an async iterator that emits things and emits them as fixed size batches
• packages/it-batched-bytes Takes an async iterator that emits byte arrays and emits them as fixed size batches
• packages/it-buffer-stream An async iterator that emits buffers containing bytes up to a certain length
• packages/it-byte-stream Read and write arbitrary bytes over a duplex stream
• packages/it-drain Empties an async iterator
• packages/it-filter Filters the passed iterable by using the filter function
• packages/it-first Returns the first result from an async iterator
• packages/it-flat-batch Takes an async iterator that emits variable length arrays and emits them as fixed size batches
• packages/it-foreach Invokes the passed function for each item in…

Unstyled, responsive UI primitives for React Native + Web.

<View sx={{ bg: '$primary', height: [100, 200] }} />

• Documentation
• Installation

• Custom fonts, edited globally
• Full TypeScript support
• Responsive styles
• Universal (Android, iOS, Web, & more)
• Works with Expo
• Works with Vanilla React Native
• Works with Next.js
• Full theme support
• Custom theme variants
• Insanely simple API (themed, responsive designs in one line!)
• Works with Animated/Reanimated/Moti
• Dark mode / custom color modes
• Memoized styles, even when written inline
• Atomic CSS classes, with StyleSheet.create under the hood
• Use with @expo/vector-icons (example)
• Linear Gradient
• Performant: sx prop is memoized under the hood (even if you write it in render)

I spoke at at Next.js Conf 2021 on October 26 about React Native + Next.js. Watch the video to see how we do it.

Easy ways to add design flair, user delight, and whimsy to your product!

The Spark Joy philosophy is explained in further detail in my book, check it out if you'd like to explore how this approach applies to a lot more than design utilities.

Table of Contents

• Web Design in 4 minutes
• CSS/UI Templates
  • Serious CSS Frameworks
  • Drop-in CSS Frameworks
  • Fun CSS Frameworks
  • No Framework
  • CSS Resets
  • CSS A11y Checkers
  • Tailwind Component Libraries
  • React Component Libraries
• Layout
  • Stacking and Elevation
  • 2D Spacing
  • Responsive Layout Breakpoints
  • Layout Bleed
  • Other Layout Tools and tips
• Typography
  • Fonts
  • Line Height
  • Line Width
  • Kerning and char spacing
  • Font Sizing
  • Typography Talks
  • Other Typography Resources
• Colors
  • Palette Generators
  • Color Gradients
  • Color Theory
  • Color Theory for Data Visualization
• Backgrounds
  • Background Gradients and Patterns
  • Background Illustrations
  • Background SVG texture
  • Misc Backgroundy Stuff
• Icons and Favicons
  • Favicons
  • <link rel=""> tags and opengraph
  • Icons
• Diagramming
  • General Purpose Diagramming
  • Software…

Get dynamically generated GitHub stats on your READMEs!

View Demo · Report Bug · Request Feature · FAQ · Ask Question

Français · 简体中文 · Español · Deutsch · 日本語 · Português Brasileiro · Italiano · 한국어 · Nederlands · नेपाली · Türkçe

Please note that documentation translations may be outdated; try to use English documentation if possible.

Love the project? Please consider donating to help it improve!

Are you considering supporting the project by donating to me? Please DO NOT!!!

India has recently suffered one of the most devastating train accidents, and your help will be immensely valuable for the people who were affected by this tragedy.

Please visit this link and make a small donation to help the people in need. A small donation goes a long way. ❤️

• GitHub Stats Card
  • Hiding individual stats
  • Showing additional individual stats
  • Showing icons
  • Themes
  • Customization
• GitHub…

🧡🧡🧡 HAPPY CODING 🧡🧡🧡

Support the author to create more educational materials

30 Days Of JavaScript: Introduction

_{Author Asabeneh Yetayeh
January, 2020}

🇬🇧 English 🇪🇸 Spanish 🇮🇹 Italian 🇷🇺 Russian 🇹🇷 Turkish 🇦🇿 Azerbaijan 🇰🇷 Korean 🇻🇳 Vietnamese 🇵🇱 Polish 🇧🇷…

Mercurius is a GraphQL adapter for Fastify

Features:

• Caching of query parsing and validation.
• Automatic loader integration to avoid 1 + N queries.
• Just-In-Time compiler via graphql-jit.
• Subscriptions.
• Federation support via @mercuriusjs/federation, including Subscriptions.
• Gateway implementation via @mercuriusjs/gateway, including Subscriptions.
• Batched query support.
• Customisable persisted queries.

• Install
• Quick Start
• Examples
• API
• Context
• Loaders
• Hooks
• Lifecycle
• Federation
• Subscriptions
• Batched Queries
• Persisted Queries
• TypeScript Usage
• HTTP
• GraphQL over WebSocket
• Integrations
• Related Plugins
• Faq
• Acknowledgements
• License

npm i fastify mercurius graphql
# or
yarn add fastify mercurius graphql

The previous name of this module was fastify-gql (< 6.0.0).

'use strict'
const Fastify = require('fastify')
const mercurius = require('mercurius')

const app = Fastify()

const schema = `
  type Query {
    add(x: Int, y: Int): Int
  }
`

const resolvers = {
  Query: {
    add: async (

OpenUI5. Build Once. Run on any device.

OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It's based on JavaScript and follows web standards It eases your development with a client-side HTML5 rendering library including a rich set of controls and supports data binding to different data models (JSON, XML and OData).

And... it's free and open source: OpenUI5 is licensed under the Apache License, Version 2.0 - see LICENSE.txt. It also contains third-party open source modules. See the list and respective licenses in THIRDPARTY.txt. Third-party module license information is also available in machine-readable format in the .reuse/dep5 file.

Check out our control playground as well as a number of sample applications.

Go to the download page and get the complete UI5 runtime and the UI5 SDK containing the documentation…

Clarity is an open-source behavioral analytics library written in typescript, with two key goals: privacy & performance.

It helps you understand how users view and use your website across all modern devices and browsers. Understanding how users navigate, interact and browse your website can provide new insights about your users. Empathizing with your users and seeing where features fail or succeed can help improve your product, grow revenue and improve user retention.

It's the same code that powers Microsoft's hosted behavioral analytics solution: https://clarity.microsoft.com. If you would like to see a demo of how it works, checkout live demo.

We encourage the community to join us in building the best behavioral analytics library, that puts privacy first and prioritizes performance.

1. clarity-js: Instrumentation code that goes on the website and tracks user interactions as well as layout changes.

2. clarity-decode: Code, which usually runs on…