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
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 コンポーネントを組み込みたい場合(ex: <FollowButton> のようなものがあって、それを呼び出すとフォローする)、いくらかのハックが必要になったり、カスタムコンポーネントを用意したりと様々な工夫が必要になります。 結局テンプレートというよりサイトスタイルを提供したいだけだし……ということであれば、 JSX を書いてもらってそのままそれが動けばいいのにな……と思ったので、 JSX をそのまま動かす仕組みを作りました。毎夜ちまちま作り続け、土日を経てそれなりの完成度になったので v1.0.0 で公開したし、ということでお披露目です。 React JSX Renderer React JSX Renderer(以後 RJR)は JSX を解釈して React Node として
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🔌
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
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ページを開く