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
Next.js App Routerã®"use server"雑感 : Rails視点ã‹ã‚‰
ã¯ã˜ã‚ã« Next.jsã«Server ActionãŒæ–°ã—ãå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚サーãƒä¸Šã®é–¢æ•°ã‚’ブラウザã‹ã‚‰ç›´æŽ¥å‘¼ã³å‡ºã™ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã®æ›¸ã味をæä¾›ã™ã‚‹ã‚‚ã®ã§ã€éžå¸¸ã«é…力ã®ã‚るコンセプトã ã¨ç§ã¯æ€ã£ã¦ã„ã¾ã™ã€‚ãŸã ã—サーãƒä¸Šã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¨ãƒ–ラウザã§å®Ÿè¡Œã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã®å¢ƒç•ŒãŒæ›–昧ã§ã€"use server"ã®ã‚»ã‚ュリティ上ã®æ‡¸å¿µã‚‚よãè°è«–ã•ã‚Œã¦ã„ã¾ã™ã€‚ 一方ã§ã€ç§ã®å…ˆæ—¥ã®è¨˜äº‹Next.jsã§ç°¡å˜ãªCRUDアプリを作りãªãŒã‚‰æ°—ã«ãªã£ãŸã‚»ã‚ュリティ: Railsã®è¦–点ã‹ã‚‰ã§ã€ç§ã¯ã“ã®"use server"å•é¡Œã«ã¯è¨€åŠã—ã¾ã›ã‚“ã§ã—ãŸã€‚ã¾ã éžå¸¸ã«æ–°ã—ã„話題ã§ã‹ã¤Next.jså´ã®å¯¾å¿œã‚‚進行ä¸ã ã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿã¯å€‹äººçš„ã«ã‚ã¾ã‚Šæ°—ã«ãªã‚‰ãªã„ã®ãŒæœ€å¤§ã®ç†ç”±ã§ã™ã€‚ æ°—ã«ãªã‚‰ãªããªã£ãŸãã£ã‹ã‘ã¯ã€Server Actionã‚’Ruby on Railsã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨åŒã˜ã‚ˆã†ã«è€ƒãˆå§‹ã‚ãŸã“ã¨ã§ã™ã€‚ã“ã†ã™ã‚‹
Release v5.0.0 · fastify/fastify
What's Changed add missing route shorthands by @Uzlopak in #4409 lib: drop setDefaultRoute and getDefaultRoute methods by @RafaelGSS in #4485 Sync next-branch by @github-actions in #4815 Next: Disallow decorate('name', null) in the types by @voxpelli in #4878 feat!: Add req.hostname and req.port by @aarontravass in #4766 Change request id header default value to false by @philippviereck in #4194 R
Elysia 1.0 - Lament of the Fallen
Elysia 1.0 is the first stable release after development for 1.8 years. Since started, we have always waiting for a framework that focuses on developer experience, velocity, and how to make writing code for humans, not a machine. We battle-test Elysia in various situations, simulate medium and large-scale projects, shipping code to clients and this is the first version that we felt confident enoug
Does useQuery run on server-side rendering?
In Next JS: SSR - Server side rendering - getServerSideProps SSG - Static site generated - getStaticPaths & getStaticProps CSR - Client side rendering - everything else It is important to note that SSG functions are run server-side. On the client, you only want to create a single global instance of Apollo Client. Creating multiple instances of Apollo Client will make it challenging to keep things
React Server Componentã®å®Ÿè¡Œé †åºã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã®æ³¨æ„点
å‰å›žã¯ã“ã¡ã‚‰ã§è°è«–ã§ãã¦å¤§å¤‰æœ‰æ„義ã§ã—ãŸã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ãã®éš›ã€Next.jsã§ã®layout.tsxã¨page.tsxã®å®Ÿè¡Œé †åºã«ã¤ã„ã¦page -> layoutã®é †ã§å®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ã‚’åˆã‚ã¦çŸ¥ã£ãŸã®ã§ã™ãŒã€ç–‘å•ã«æ€ã£ãŸã®ã¯ã€Œã“ã‚Œã¯React Server Component（RSC）ã®ä»•æ§˜ãªã®ã‹Next.js（フレームワーク）ã®ä»•æ§˜ãªã®ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚ ç´ ã®Reactã®æŒ™å‹•ã‚’ç†ç”±ã«è‡ªåˆ†ãŒæ€ã„æã„ã¦ã„ãŸã®ã¯ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ãƒã‚¹ãƒˆé †ã«å®Ÿè¡Œã•ã‚Œã‚‹ã€ã ã£ãŸã®ã§ã“ã‚Œã¯è¡æ’ƒçš„ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ä½•ã‚‚知らãªã‹ã£ãŸãªã€ã¨æ€ã‚ã›ã‚‹å†…容ã§ã—ãŸã€‚ ã“ã“ã§ã¯ã€Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè¡Œé †åºã‚’å†ç¢ºèªã—ã€RSCã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ã‚‚確èªã—ã¦ã„ãã¾ã™ã€‚ Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè¡Œé †åº ã“ã“ã§ã®å¯¾è±¡ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã™ã€‚ ã“ã®ã‚ˆã†ãªãƒã‚¹ãƒˆã—ãŸãƒ„リーを用æ„ã—ã¾ã—ãŸã€‚Aã¨
Cloud Run + Litestream 㧠RDB を使ã„ã¤ã¤è²»ç”¨ã‚’æ ¼å®‰ã«æŠ‘ãˆã‚‹
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„㟠Litestream ã‚’ Cloud Run ã§ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒ¢ã§ã™ã€‚ Litestream ã¨ã¯ï¼Ÿ サンプルコード æ‰‹é † 動作確èªã—ã¦ã¿ã‚‹ 制é™äº‹é … ãŠã¾ã‘ ã¾ã¨ã‚ å‚考 Litestream ã¨ã¯ï¼Ÿ Litestream ã¯ã€ SQLite ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Amazon S3 ã‚„ Google Cloud Storage ãªã©ã®ã‚ªãƒ–ジェクトストレージã«ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¬ãƒ—リケートã™ã‚‹ã“ã¨ãŒã§ãるオープンソースã®ãƒ„ールã§ã™ã€‚ 例ãˆã°é€šå¸¸ Cloud Run 㧠DB エンジンã¨ã—㦠SQLite を使用ã—よã†ã¨ã—ã¦ã‚‚ã€ã‚³ãƒ³ãƒ†ãƒŠãŒç ´æ£„ã•ã‚Œã‚‹ã¨åŒæ™‚ã«æ¯Žå›ž SQLite ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚消ãˆã¦ã—ã¾ã†ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã‚’永続化ã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。 ã—ã‹ã— Litestream を使用ã™ã‚Œã°ã€ SQLite ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’オブジェクトストレージã«
Announcing AdonisJS v6
Alright, sit tight, as this will be a long article. The work for v6 started with the goal of moving to ESM and improving the IoC container to be simple and have fewer responsibilities. But we have touched almost every part of the framework, smoothing out many rough edges, fixing some long pending issues, and rewriting some packages from scratch. Are you looking to migrate your applications from v5
Honoã®v3.10ã¨v3.11ã«ã¤ã„ã¦
昨日ã€Honoã®v3.11.0を出ã—ã¾ã—ãŸã€‚ v3.10.0ã¨ã‚ã‚ã›ã¦å°Žå…¥ã•ã‚ŒãŸä»£è¡¨çš„ãªæ–°æ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚ Asyncコンãƒãƒ¼ãƒãƒ³ãƒˆã‚µãƒãƒ¼ãƒˆ Hono組ã¿è¾¼ã¿ã®JSXã§Asyncコンãƒãƒ¼ãƒãƒ³ãƒˆãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚コンãƒãƒ¼ãƒãƒ³ãƒˆã®ä¸ã§async/awaitãŒä½¿ãˆã¾ã™ã€‚ const AsyncComponent = async () => { const res = await fetch('https://ramen-api.dev/shops/yoshimuraya') const data = await res.json<{ shop: { name: string } }>() return <div>{data.shop.name} ðŸœ</div> } app.get('/', (c) => { return c.html( <html> <body> <h1>My favo
GitHub - nksaraf/vinxi: The Full Stack JavaScript SDK
Compose full stack applications (and frameworks) using Vite, the versatile bundler and dev server, and Nitro, the universal production server. The core primitive in vinxi is a router. Inspired by the Bun.App API. Routers are handlers that tell us how specific URLs should be handled. We support various router modes: "static", "spa", "http", (and new ones can be added). Routers specify the handler f
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Release v4.1.0 · honojs/hono
Support for React Server Components · Issue #1209 · testing-library/react-testing-library
GitHub - honojs/honox: HonoX - Hono based meta framework
Release v4.0.0 · honojs/hono
Convex | The fullstack TypeScript development platform
Release v3.12.0 · honojs/hono
Release v3.11.0 · honojs/hono
GitHub - wasmerio/winterjs: Winter is coming... â„ï¸
add react-server-dom-vite impl and fixture by nksaraf · Pull Request #26926 · facebook/react
Release v3.7.0 · honojs/hono
{{#tags}}- {{label}}
{{/tags}}