React Router v7 がプレリリースされた🎉
最初に 2024/10/4にReact Router v7がプレリリースされました。 今回はプレスリリースされた内容を紹介します。(以降React RouterをRRと表記します) まず、RR v6 までは Reactでアプリを作成する上でのルーティング機能を提供するライブラリでした。 RR v7 では 同社のRemixというフルスタックフレームワークが(一旦)合流したことにより、React Router自体がルーティングライブラリからフルスタックフレームワークとなりました。 フルスタックフレームワークがルーティングライブラリと(一旦)統合された経緯については以下の記事をご覧ください。簡単にいうと両者の差がなくなってきたからです。 RR v7のはじめ方 何もない状態から！ RR v7の機能をすぐに試したい方は公式が提供している以下のコマンドで始めてください。 npx degit remix
React Server Components and Remix
One big question keeps coming up after the Remix v1 release: What about React Server Components? Great question! Like many of you, we've been experimenting with React Suspense since it was first announced in 2018. In fact, the early versions of Remix used it. Realizing it probably wouldn't be released by the time we were ready, we built the async parts of Remix into the framework and are very happ
Remixでaction内が煩雑になるのを防ぐには - Qiita
趣味の開発でremixを利用してwebアプリケーションを作成しています その際、1ページに複数のformを設置したい場合、actionの中に複数の処理を書かないといけなくなり、ごちゃごちゃしてしまいます😥 単一責任の原則に則り、1action1処理にする方法をメモ 以下の方法でactionごとに処理の記載が可能 actionのみのrouteを用意 fetcherを使用したformで1のrouteにポスト fetcher.dataから戻り値を取得して画面に反映 困りがちな事例 ブログを例に考えてみた場合、記事にコメントを行う際に以下の処理を行うものとします 記事に"いいね"をつける 記事にコメントを付ける 上記をコードにしてみると、以下のようにaction内でformのtypeによって分岐することになると思います これにより、actionの中が煩雑になって見づらくなってしまうのが個人的には
Remix入門: フロントエンドもバックエンドも爆速開発を実現する次世代Webフレームワーク
こんにちは！Acompanyのマッケイです！ この記事は Acompany5周年アドベントカレンダー 11日目 の記事です。 今回はAcompanyのプロダクト開発でも活用しているRemixを開発環境で使ってみた所感を書いていこうと思います。 Hello,Remix Remixは、Reactをベースとしたフルスタックフレームワークです。 Reactを魔改造して色々できるようにしようぜ、という昨今のモダンフレームワークに習うように、RemixもReactに厚化粧をした"React"フレームワークです。 書き心地はそのままReactですが、気づいたらサーバーサイドのコードを書いており、気づいたらデータベースをいじっているというなんとも不思議な経験ができるフレームワークです。 フルスタックフレームワークを使っているというよりは、Reactで開発しながら、サーバーサイドの処理も同時に書けるのがRe
Remix の SPA モード
Remix の SPA モード 2024.01.14 Remix は React のフルスタックフレームワークで、Web 標準に基づいた API で構築されていることが特徴です。Node.js のようなサーバーサイドの JavaScript 環境で動作することを前提としています。しかし、現実の世界ではサーバーを用意せずに、静的なファイルをホスティングするだけの環境で Web アプリケーションを構築することが有効な場合も多くあります。このような需要を満たすために、Remix v2.5.0 から実験的に SPA モードが導入されました。 Remix は React のフルスタックフレームワークで、Web 標準に基づいて構築されていることが特徴です。例えばデータのミューテーションはクライアントからサーバーの API をコールするのではなく、HTML のフォームを使って行うといます。また Resp
一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog
このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきましたが、2023年10月に一休レストランのスマートフォン用レストラン詳細ページをリニューアルしました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマートフォンビューはバックエンドが Rust で書かれた GraphQL になってます— naoya (@naoya_ito) 2023年10月4日 ちなみにフロントエンドも、旧バージョンは Nuxt v2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Multiple forms per route in Remix by sergiodxa
SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix