https://b.hatena.ne.jp/u310/react/ reactに関するu310のはてなブックマーク (9) https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai u310 2022-05-26T14:43:38Z remix cloudflare react 130 <blockquote cite="https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai" title="Remixの凄みを紹介したい"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Faiji42%2Fremixfalseqi-miwoshao-jie-sitai" alt="" /> <a href="https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai">Remixの凄みを紹介したい</a></cite><p><a href="https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/525a0a17624648944fc32995f3c0f14d3e13e700/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F7785609673f8490fbd44d3c23418ecda%2Fslide_0.jpg%3F21543748" alt="Remixの凄みを紹介したい" title="Remixの凄みを紹介したい" class="entry-image" /></a></p><p>Cloudflare WorkersとKVで キャッシュを非同期に更新する | Cloudflare Meetup Nagoya</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai" alt="はてなブックマーク - Remixの凄みを紹介したい" title="はてなブックマーク - Remixの凄みを紹介したい" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/aiji42/remixfalseqi-miwoshao-jie-sitai"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp u310 2022-05-21T09:23:29Z node react server 3 <blockquote cite="https://www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp" title="ReactアプリにNode.jsサーバープロキシを設定する方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.twilio.com%2Fja-jp%2Fblog%2Freact-app-with-node-js-server-proxy-jp" alt="" /> <a href="https://www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp">ReactアプリにNode.jsサーバープロキシを設定する方法</a></cite><p><a href="https://www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/075044a7ecfd7ee115c7e60f5d07c9ec02f6a9a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.twilio.com%2Fcontent%2Fdam%2Ftwilio-com%2Fcore-assets%2Fsocial%2Ftwilio-blog-default-ogimage.png" alt="ReactアプリにNode.jsサーバープロキシを設定する方法" title="ReactアプリにNode.jsサーバープロキシを設定する方法" class="entry-image" /></a></p><p>&lt;title&gt;An icon of a outbound link arrow&lt;/title&gt; &lt;path class=&quot;icon-stroke&quot; d=&quot;M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351&quot; stroke=&quot;#F22F46&quot; stroke-width=&quot;5.5&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;/&gt; &lt;/svg&gt; &quot;&gt; 2025 Gartner® Magic Quadrant™ for ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp"><img src="https://b.hatena.ne.jp/entry/image/https://www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp" alt="はてなブックマーク - ReactアプリにNode.jsサーバープロキシを設定する方法" title="はてなブックマーク - ReactアプリにNode.jsサーバープロキシを設定する方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.twilio.com/ja-jp/blog/react-app-with-node-js-server-proxy-jp"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.radix-ui.com/ u310 2022-05-08T02:07:08Z react library 96 <blockquote cite="https://www.radix-ui.com/" title="Radix UI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.radix-ui.com%2F" alt="" /> <a href="https://www.radix-ui.com/">Radix UI</a></cite><p><a href="https://www.radix-ui.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d91b874e664f3caf83d33436f18f80c156275c76/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fradix-ui.com%2Fsocial%2Fthemes.png" alt="Radix UI" title="Radix UI" class="entry-image" /></a></p><p>An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.radix-ui.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.radix-ui.com/" alt="はてなブックマーク - Radix UI" title="はてなブックマーク - Radix UI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.radix-ui.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://en-ambi.com/itcontents/entry/2022/01/13/090000/ u310 2022-04-26T08:54:46Z react ライブラリ 369 <blockquote cite="https://en-ambi.com/itcontents/entry/2022/01/13/090000/" title="Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fen-ambi.com%2Fitcontents%2Fentry%2F2022%2F01%2F13%2F090000%2F" alt="" /> <a href="https://en-ambi.com/itcontents/entry/2022/01/13/090000/">Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）</a></cite><p><a href="https://en-ambi.com/itcontents/entry/2022/01/13/090000/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0dfaa34216bd2b3be4ab9ed4bdb499d6b302f4a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fen-ambi.com%2FimageFile%2Fuser%2Fglobal%2Fogp_01.png" alt="Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）" class="entry-image" /></a></p><p>Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小...</p><p><a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2022/01/13/090000/"><img src="https://b.hatena.ne.jp/entry/image/https://en-ambi.com/itcontents/entry/2022/01/13/090000/" alt="はてなブックマーク - Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）" title="はてなブックマーク - Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト アンビ（AMBI）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/en-ambi.com/itcontents/entry/2022/01/13/090000/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86 u310 2022-04-11T01:52:26Z react remix 222 <blockquote cite="https://zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86" title="Remix という 考え方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkaa_a_zu%2Farticles%2Ffbd06ca2cc3b86" alt="" /> <a href="https://zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86">Remix という 考え方</a></cite><p><a href="https://zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/82efd44b3ff1ec411fa7441a27d2c098fea00977/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--m4ViZj5n--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ARemix%252520%2525E3%252581%2525A8%2525E3%252581%252584%2525E3%252581%252586%252520%2525E8%252580%252583%2525E3%252581%252588%2525E6%252596%2525B9%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%2525AB%2525E3%252583%2525BC%2525E3%252583%2525BC%2525E3%252582%2525BA%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzg1NTg5MWM4NzcuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Remix という 考え方" title="Remix という 考え方" class="entry-image" /></a></p><p>こんにちは、@kaa_a_zu です。今日(11/23)の日本時間早朝に React Router の制作者である @Ryan氏 と @Michael が着想した Remix V1.0 が正式リリースされました🎉 RemixがWebの世界に及ぼす影響は大きいと思っており、実際のコードやドキュメントを見ながら既存のフレームワークと何が異なっているのかを中心に書いた紹...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86" alt="はてなブックマーク - Remix という 考え方" title="はてなブックマーク - Remix という 考え方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kaa_a_zu/articles/fbd06ca2cc3b86"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/ikenohi/articles/596594edebb76f u310 2022-03-09T15:35:08Z react ライブラリ css 67 <blockquote cite="https://zenn.dev/ikenohi/articles/596594edebb76f" title="【React】daisyUIを触ってみた！かなり楽しいw"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fikenohi%2Farticles%2F596594edebb76f" alt="" /> <a href="https://zenn.dev/ikenohi/articles/596594edebb76f">【React】daisyUIを触ってみた！かなり楽しいw</a></cite><p><a href="https://zenn.dev/ikenohi/articles/596594edebb76f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ecc7951c69b353209f5e69b91c78d912e75f3316/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YW3L-fQF--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590React%2525E3%252580%252591daisyUI%2525E3%252582%252592%2525E8%2525A7%2525A6%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%2525EF%2525BC%252581%2525E3%252581%25258B%2525E3%252581%2525AA%2525E3%252582%25258A%2525E6%2525A5%2525BD%2525E3%252581%252597%2525E3%252581%252584w%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ahajimism%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzliNjQyOTZhM2EuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="【React】daisyUIを触ってみた！かなり楽しいw" title="【React】daisyUIを触ってみた！かなり楽しいw" class="entry-image" /></a></p><p>daisyUIとは The most popular, free and open-source Tailwind CSS component library Tailwind CSSをベースとしたCSSライブラリで、No JavaScriptでかわいくて機能的な見た目を実現できるスグレモノ。 Bootstrapのような使い勝手でいろんなコンポーネントを実現できる。実態はTailwind CSSなので拡張も簡単。 今回はこ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ikenohi/articles/596594edebb76f"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ikenohi/articles/596594edebb76f" alt="はてなブックマーク - 【React】daisyUIを触ってみた！かなり楽しいw" title="はてなブックマーク - 【React】daisyUIを触ってみた！かなり楽しいw" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ikenohi/articles/596594edebb76f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://reactflow.dev/ u310 2021-04-20T14:09:52Z react library 265 <blockquote cite="https://reactflow.dev/" title="Node-Based UIs in React - React Flow"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Freactflow.dev%2F" alt="" /> <a href="https://reactflow.dev/">Node-Based UIs in React - React Flow</a></cite><p><a href="https://reactflow.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3de1bda51bfb35eefb1b9b9da9230699ff16d28f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Freactflow.dev%2Fopengraph-image.jpg%3F41910ad66a20ba6a" alt="Node-Based UIs in React - React Flow" title="Node-Based UIs in React - React Flow" class="entry-image" /></a></p><p>React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro. React Flow Pro Getting Started with React Flow Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via:</p><p><a href="https://b.hatena.ne.jp/entry/s/reactflow.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://reactflow.dev/" alt="はてなブックマーク - Node-Based UIs in React - React Flow" title="はてなブックマーク - Node-Based UIs in React - React Flow" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/reactflow.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/erukiti/articles/webform-2021 u310 2021-03-08T08:20:15Z react 165 <blockquote cite="https://zenn.dev/erukiti/articles/webform-2021" title="Reactでウェブフォームを作る2021"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Ferukiti%2Farticles%2Fwebform-2021" alt="" /> <a href="https://zenn.dev/erukiti/articles/webform-2021">Reactでウェブフォームを作る2021</a></cite><p><a href="https://zenn.dev/erukiti/articles/webform-2021"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d5a43fa8dfeb7674069c03b153251e67990a6741/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--yjcRDaP3--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%2525E3%252581%2525A7%2525E3%252582%2525A6%2525E3%252582%2525A7%2525E3%252583%252596%2525E3%252583%252595%2525E3%252582%2525A9%2525E3%252583%2525BC%2525E3%252583%2525A0%2525E3%252582%252592%2525E4%2525BD%25259C%2525E3%252582%25258B2021%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aerukiti%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzM5MmMwZTg1ZjIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="Reactでウェブフォームを作る2021" title="Reactでウェブフォームを作る2021" class="entry-image" /></a></p><p>Webのフォームは、いつでもベストプラクティスを悩むものの一つです。React を使うとして完全に自作でやるのか？それともフォームライブラリを使うか？フォームライブラリならどれを使うか？ 今の時代 Formik を選ぶ理由はありませんが、React Hook Form と React Final Form のどちらを使うかはとても悩ましいです。 Re...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/erukiti/articles/webform-2021"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/erukiti/articles/webform-2021" alt="はてなブックマーク - Reactでウェブフォームを作る2021" title="はてなブックマーク - Reactでウェブフォームを作る2021" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/erukiti/articles/webform-2021"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa u310 2020-12-18T16:50:03Z react 87 <blockquote cite="https://speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa" title="Reactルーター選定術 2020年のファイナルアンサー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fhanakla%2Freactrutaxuan-ding-shu-2020nian-falsehuainaruansa" alt="" /> <a href="https://speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa">Reactルーター選定術 2020年のファイナルアンサー</a></cite><p><a href="https://speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/44b8bc3f154e61ad424a384fe4128b120d6c0ee5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F6546706166fd47b0b69a5be395916b21%2Fslide_0.jpg%3F16947148" alt="Reactルーター選定術 2020年のファイナルアンサー" title="Reactルーター選定術 2020年のファイナルアンサー" class="entry-image" /></a></p><p>OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa" alt="はてなブックマーク - Reactルーター選定術 2020年のファイナルアンサー" title="はてなブックマーク - Reactルーター選定術 2020年のファイナルアンサー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/hanakla/reactrutaxuan-ding-shu-2020nian-falsehuainaruansa"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>