Merging Remix and React Router
We've been building a bridge. You can hear Ryan talk about this announcement at React Conf 🎥 For nearly 4 years we've been working on Remix, a fullstack framework built on web standards to help you build better websites and applications. React Router has always been Remix's largest dependency after React itself. The two projects are so closely aligned that we updated React Router to include Remix
Next.js vs. Remix - A Developer's Dilemma
Next.js vs. Remix - A Developer's Dilemma Feb 21, 2024 I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog. The
Remix + Cloudflare Workers + D1 + KV + Queue + R2 + DOã§ç°¡å˜ãªã‚¢ãƒ—リを作る
Remix + Cloudflare Pages/Workersをベースã«D1ã¨KVã¨çµ„ã¿åˆã‚ã›ãŸæ§‹æˆã§ä½œã‚‹ã‚¢ãƒ—リã®è§£èª¬ã¯å··ã«çµæ§‹ã‚ã‚‹ãŒã€ãれらã«åŠ ãˆã¦Queueã‚„R2ãªã©ã‚‚åˆã‚ã›ãŸå‚照実装ã¿ãŸã„ãªã‚‚ã®ãŒè¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§ä½œã£ãŸã€‚ ã“ã®ã‚¢ãƒ—リã®æ©Ÿèƒ½ã¯ä¸‹è¨˜ã€‚ Googleアカウントを用ã„ãŸOAuthãƒã‚°ã‚¤ãƒ³ セッション管ç†ã«KV,ユーザー管ç†ã«D1を使ㆠã¯ã¦ãƒ–ã®ã‚ˆã†ãªãƒ–ックマーク機能(基本的ãªCRUD) URLã¨ã‚³ãƒ¡ãƒ³ãƒˆã‚’入力ã—ã¦D1ã¸ãƒ‡ãƒ¼ã‚¿ç™»éŒ²ã§ãã‚‹ URLã®å…ˆã®ãƒšãƒ¼ã‚¸ã‹ã‚‰OGPã‚’å–å¾—ã—ã¦ç™»éŒ² Queueã®Producerã¨Consumerを使ã£ã¦éžåŒæœŸã«ã‚¿ã‚¤ãƒˆãƒ«ã¨ç”»åƒã‚’å–å¾— å–å¾—ã—ãŸç”»åƒã¯R2ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ URLã”ã¨ã«ãƒ–ックマーク数を管ç†ã™ã‚‹ Durable Object(DO)を使ã†ã€‚ Cron Trigger ã¤ã„ã§ã«è¿½åŠ 。アプリ的ã«ã¯ä¸è¦ã ãŒã›ã£ã‹ããªã®ã§è¨å®šã ã‘ã—ã¦ãŠã
Moving from Next to Remix
If you have visited this site pre February 2022 you may have noticed some slight UI tweaks here and there. The reality is I have completely rewritten the site, moving away from the well-loved Next.js to Remix. I’m not going to go into tonnes of detail here but I thought it made sense to cover some of the reason why I made the move and some of the new technologies I am using. Why the rewrite First
Remix vs Next.js
Easily the biggest question we get asked is something like: How is Remix different from Next.js? It appears we have to answer this question! We'd like to address it directly and without drama. If you're a fan of Remix and want to start tweeting smug reactions to this article, we kindly ask that you drop the smugness before hitting the tweet button 🤗. A rising tide lifts all boats. We've been frie
Cloudflare Workersã§SSRãŒã§ãã‚‹ã¨ä½•ãŒå¬‰ã—ã„ã‹
Next.jsã®å¯¾æŠ—馬ã¨ãªã‚Šãã†ãªReactã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§Remixã®v1.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ 個人的ã«Remixã§ã„ã¡ã°ã‚“é…力を感ã˜ã¦ã„ã‚‹ã®ã¯Cloudflare Workersã§SSRãŒã§ãã‚‹ã¨ã„ã†ç‚¹ã§ã™ï¼ˆç¾çŠ¶ã§ã¯Next.jsã‚’Cloudflare Workers上ã§SSRã™ã‚‹ã®ã¯é›£ã—ã„）。ã“ã‚ŒãŒãªãœå¬‰ã—ã„ã®ã‹ã¨è¨€ã†ã¨ã€ãƒ‘フォーマンスを出ã—ã¤ã¤ã€ä½Žã‚³ã‚¹ãƒˆã§é‹ç”¨ã§ãã€å¤§é‡ã®ã‚¢ã‚¯ã‚»ã‚¹ã«å¯¾ã—ã¦ã‚‚低コストã§ã‚¹ã‚±ãƒ¼ãƒ«ã§ããã†ã ã‹ã‚‰ã§ã™ã€‚ ãã‚‚ãã‚‚SSRã‚’ã™ã‚‹å¿…è¦ã‚る？ ã»ã¨ã‚“ã©ã®Webサービスã¯SSRãªã—ã§SPAã¨ã—ã¦ãƒ“ルドã—ã€Cloudflare Pagesã‚„GitHub Pagesã«é™çš„ファイルをã®ã›ã¦å‹•ã‹ã›ã°å分ã ã¨æ€ã„ã¾ã™ã€‚ 例ãˆã°åƒ•ãŒå…ˆæ—¥ä½œã£ãŸå€‹äººé–‹ç™ºã®ã‚µãƒ¼ãƒ“スもReact on Cloudflare Pagesã®å®Œå…¨ãªSPAã§ã™ãŒã€SSRãŒå¿…è¦ãªè¦ç´ ã¯ã¾ã£ãŸãã‚ã‚Šã¾ã›ã‚“。
Reactベースã®ã‚ãŸã‚‰ã—ã„フレームワークRemixã‚’ãŸã‚ã—ã¦ã¿ãŸ | DevelopersIO
OSSã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã°ã‹ã‚Šã®Reactベースã®ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯Webフレームワークã§ã‚ã‚‹Remixã‚’ãŸã‚ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€CX事æ¥æœ¬éƒ¨MAD事æ¥éƒ¨ã®æ£®èŒ‚ã§ã™ã€‚ re:Inventã‚’å‰ã«AWSã®æƒ…å ±ã‚‚æ°—ã«ãªã‚‹ã¨ã“ã‚ã§ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã‚‚React Conf 2021ã‚’å‰ã«React v18 betaã‚’ã¯ã˜ã‚ã€Next.js v12ã‚„React Router v6ã€æ–°ã—ã„RoutingライブラリReact Locationã®ãƒªãƒªãƒ¼ã‚¹ãªã©ãªã©æ³¨ç›®ã®ãƒªãƒªãƒ¼ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ãŒç¶šã„ã¦ã„るよã†ã§ã™ã€‚ãã‚“ãªä¸Reactをベースã«ã—ãŸæ–°ã—ã„フレームワークã§ã‚ã‚‹RemixãŒæœ¬æ—¥ï¼ˆ2021/11/23日本時間）リリースã•ã‚Œã¾ã—ãŸã€‚ Remixã¨ã¯ Remixã¯ReactRouterã®ä½œè€…ã§ã‚‚ã‚ã‚‹Michael Jacksonæ°ï¼ˆ@mjackson）ã¨Ryan Florenceæ°ï¼ˆ@ryan
Remix ã¨ã„ㆠ考ãˆæ–¹
ã“ã‚“ã«ã¡ã¯ã€@kaa_a_zu ã§ã™ã€‚今日(11/23)ã®æ—¥æœ¬æ™‚é–“æ—©æœã« React Router ã®åˆ¶ä½œè€…ã§ã‚ã‚‹ @Ryanæ° ã¨ @Michael ãŒç€æƒ³ã—㟠Remix V1.0 ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸðŸŽ‰ RemixãŒWebã®ä¸–ç•Œã«åŠã¼ã™å½±éŸ¿ã¯å¤§ãã„ã¨æ€ã£ã¦ãŠã‚Šã€å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã‚„ドã‚ュメントを見ãªãŒã‚‰æ—¢å˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ä½•ãŒç•°ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’ä¸å¿ƒã«æ›¸ã„ãŸç´¹ä»‹è¨˜äº‹ã§ã™ã€‚(æ£ç›´ã€é‚ãŒéœ‡ãˆã¦ã„ã¾ã™) より具体的ãªä½¿ã„æ–¹ã¯ãƒ‰ã‚ュメントを見ã¦ã€æ‰‹ã‚’å‹•ã‹ã—ã¦ã„ãŸã ãã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€æ—¢ã«å›½å†…ã§ã‚‚使ã£ã¦ã¿ãŸç³»ã®è¨˜äº‹ãŒã„ãã¤ã‹ã‚るよã†ã§ã™ã€‚ Remixã®æ©Ÿèƒ½ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€å½“記事ã§ã¯ç†è€…ãŒã‚ˆã‚Šæ³¨ç›®ã—ã¦ã„ã‚‹ã‚‚ã®ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚Remixã«èˆˆå‘³ãŒã‚ã‚‹ã‘ã©ã€ã‚ã¾ã‚Šè¿½ãˆã¦ã„ãªã„ã¨ã„ã†æ–¹ã«èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ※ã“ã®è¨˜äº‹ã¯Gatsbyã‚„Next.jsよりもRemix
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}