Homepage » Jeasx - JSX with Ease
The Ease of JSX with the power of SSR The developer experience of asynchronous JSX with the proven benefits of server-side rendering, resulting in a robust and streamlined web development approach. export default async function Products() { const { products } = await ( await fetch("https://dummyjson.com/products") ).json(); return ( <Layout title="Products"> {products.map(({ id, title, description
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 - 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ije/mono-jsx: `<html>` as a `Response`.
GitHub - jeasx/jsx-async-runtime: An asynchronous JSX runtime without dependencies to be used as server-side template engine.
GitHub - huozhi/sugar-high: ✏️ Super lightweight code syntax highlighter, around 1KB after minified and gzipped
GitHub - privatenumber/tsx: ⚡️ TypeScript Execute | The easiest way to run TypeScript in Node.js
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 - rosylilly/react-jsx-renderer: A React component for Rendering JSX
GitHub - itsjavi/jynxs: [Experimental] Lightweight ~3KB custom JSX runtime that implements the very basics of React, with extras like async components.![GitHub - itsjavi/jynxs: [Experimental] Lightweight ~3KB custom JSX runtime that implements the very basics of React, with extras like async components.](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6f4e0a0746c128f99f97891fe7f0a0388664030/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F50dd567597f0428fb7456e5f2f82514dbc43e65627767cde06addcf6f85266c4%2Fitsjavi%2Fjynxs)
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.
