GitHub - huozhi/sugar-high: ✏️ Super lightweight JSX syntax highlighter, around 1KB after minified and gzippedYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
NakedJSX - Use JSX without React
Use JSX without ReactNakedJSX is a command-line tool for generating HTML files from JSX. The output is pure HTML and CSS - unless you choose to add your own JavaScript. This is an overview. Please refer to the documentation for a detailed look at each feature. This page was built using NakedJSX. You can look at its source. At a GlanceGenerate static HTML files from JSX by running an npx command. S
React で JSX をそのままレンダリングできるコンポーネントを作った
ユーザーにテンプレートエンジンを提供する際、さまざまなテンプレートエンジンがありますが、その中に React コンポーネントを組み込みたい場合(ex: <FollowButton> のようなものがあって、それを呼び出すとフォローする)、いくらかのハックが必要になったり、カスタムコンポーネントを用意したりと様々な工夫が必要になります。 結局テンプレートというよりサイトスタイルを提供したいだけだし……ということであれば、 JSX を書いてもらってそのままそれが動けばいいのにな……と思ったので、 JSX をそのまま動かす仕組みを作りました。毎夜ちまちま作り続け、土日を経てそれなりの完成度になったので v1.0.0 で公開したし、ということでお披露目です。 React JSX Renderer React JSX Renderer(以後 RJR)は JSX を解釈して React Node として
MDX 2 | MDX
Note: This is an old blog post. The below is kept as is for historical purposes. Note: Info on how to migrate is available in our Version 2 migration guide. MDX 2Version 2 of MDX was released after years of hard work, and has many improvements. Here are the highlights: 📝 Improved syntax makes it easier to use markdown in JSX🧑💻 JavaScript expressions turn {2 * Math.PI} into 6.283185307179586🔌
Demystifying styled-components
When I first started using styled-components, it seemed like magic ✨. Somehow, using an obscure half-string-half-function syntax, the tool was able to take some arbitrary CSS and assign it to a React component, bypassing the CSS selectors we've always used. Like so many devs, I learned how to use styled-components, but without really understanding what was going on under the hood. Knowing how it w
GitHub - rosylilly/react-jsx-renderer: A React component for Rendering JSX
interface ParseOptions { /** * Options of parser */ meriyah?: meriyah.Options; /** * When this option is enabled, always parse as an expression. */ forceExpression?: boolean; } interface EvaluateOptions { /** * binding */ binding?: Binding; /** * components */ components?: ComponentsBinding; /** * Prefix of generated keys. */ keyPrefix?: string; /** * When this option is enabled, no key will be ge
GitHub - itsjavi/jsx-runtime: [Experimental] Extremely lightweight JSX runtime (<3KB) to write JSX without React in TypeScript or JavaScript.
Compared to other solutions like Preact and Inferno, which are an alternative to all React features, this project just focuses on minimalism: a simple zero-dependency (except transpiler packages) JSX runtime with basic features to build small components that require some JavaScript like: form controls, context menus, modal forms, pop ups, color pickers, etc. The idea is that the final build of you
![GitHub - itsjavi/jsx-runtime: [Experimental] Extremely lightweight JSX runtime (<3KB) to write JSX without React in TypeScript or JavaScript.](https://cdn-ak-scissors.b.st-hatena.com/image/square/c45146e794991e2d7d8295820525b30107eae2d8/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F5323fefdee70e6f61f7998232991b769639fbaeff05be763900c437f7b32c642%2Fitsjavi%2Fjsx-runtime)
GitHub - quantizor/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.
markdown-to-jsx The most lightweight, customizable React markdown component. Installation Usage Parsing Options options.forceBlock options.forceInline options.wrapper Other useful recipes options.forceWrapper options.overrides - Override Any HTML Tag's Representation options.overrides - Rendering Arbitrary React Components options.createElement - Custom React.createElement behavior options.enforce
GitHub - algolia/react-element-to-jsx-string: Turn a ReactElement into the corresponding JSX string
options.displayName: function(ReactElement) Provide a different algorithm in charge of finding the right display name (name of the underlying Class) for your element. Just return the name you want for the provided ReactElement, as a string. options.filterProps: string[] | (val: any, key: string) => boolean, default [] If an array of strings is passed, filter out any prop who's name is in the array
Introducing the New JSX Transform – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Although React 17 doesn’t contain new features, it will provide support for a new version of the JSX transform. In this post, we will describe what it is and how to try it. What’s a JSX Transform? Browsers don’t understand JSX out of the box, so most React users rely on a compiler like Babel or TypeScript to transform
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - privatenumber/tsx: ⚡️ TypeScript Execute: Node.js enhanced to run TypeScript & ESM
GitHub - alexrqs/jsx-render: Lightweight util to render JSX without react
GitHub - kenoxa/svelte-jsx: jsx for svelte to simplify testing
Release v1.2.0 - Masters of the Universe · solidjs/solid
GitHub - nanojsx/nano: 🎯 SSR first, lightweight 1kB JSX library.
GitHub - forgojs/forgo: An ultra-light UI runtime
GitHub - frejs/fre: :ghost: Tiny Concurrent UI library with Fiber.
GitHub - mistlog/react-peg: A react style parser generator based on PEG.js
GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
GitHub - brahmosjs/brahmos: Super charged JavaScript library with modern React API and native templates.
