ReactのConcurrent Renderingで本格的に実用化されるSuspenseは、ライブラリを通して使うことになりがちでその裏側が見えにくいものです。この本では、手を動かしながら生のSuspenseの使い方を学びます。
![ReactのSuspense対応非同期処理を手書きするハンズオン](https://cdn-ak-scissors.b.st-hatena.com/image/square/df3ddbabdd645ec462d2b232a2b3451b7bc7ffe1/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Vpkn7saY--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci8yNjRjZDRhNzdiLmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg)
この記事は sadnessOjisan Advent Calendar 2021 20 日目の記事です。書かれた日付は 1/13 です。 フロントエンドエンジニアとして JS を JS のレイヤーでしか扱ったことがなかった僕が NodeJS の非同期ランタイムを調べていたときについでで epoll を勉強したときのメモをまとめたものです。 コンピュータサイエンスの専門的な教育を受けたわけでもないし、趣味でしか勉強したことがない範囲なので、もしかしたら間違いがあるかもしれません。 そのため間違いを発見しましたらご指摘してくれると助かります。(https://github.com/sadnessOjisan/blog.ojisan.io に PR/Issue を投げてくれると一番助かります。) 参考にしたもの ふつうの Linux プログラミング 第 2 版 Linux の仕組みから学べる
こんにちは!!!スマートキャンプでエンジニアをしている吉永です! 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaS(以下、BOXIL)の開発にフロントエンド、バックエンド問わず携わっています。 恐らく新年一発目になる弊社テックブログの記事は私の記事ということで、今年もよろしくお願いいたします。 はじめに なぜパフォーマンス改善を行ったのか Core Web Vitals(以下: CWV), Lighthouseとは? CWVとは Lighthouseとは CWV & Lighthouseの改善結果 サービスページ(改善前) サービスページ(改善後) レビューページ(改善前) レビューページ(改善後) 改善をするにあたってチームで行ったこと コミュニケーション的なお話 タスクの洗い出し、調査方法 優先順位付け DatadogやSea
2021年11月6日午後18時。 “それ”は突然発表された。 真島ヒロ先生 まさかの自腹1000万円! (+講談社から500万円)#FAIRYTALオリジナルゲームコンテスト どんなジャンルでもOK! 企画書のみで応募可能! 応募期間は12/1〜1/17です よろしくお願いします🔥#講談社ゲームクリエイターズラボ pic.twitter.com/4bx5uYMoy8 — 講談社ゲームクリエイターズラボ (@kodanshaGCL) November 6, 2021 2021年現在、講談社『週刊少年マガジン』誌上にて『EDENS ZERO』(エデンズゼロ)を連載中の漫画家・真島ヒロ先生が、自身の代表作のひとつであり、テレビアニメも放送された『FAIRY TAIL』(フェアリーテイル)のオリジナルゲーム制作コンテストの開催を告知したのだ。 しかも、制作支援金の1000万円を真島先生が自腹とし
実際に言われた指摘や失敗 まずは実際にされた指摘について話し合うことにした。 郡司「僕、結構後輩に言われるんですよ。パワポの資料で間違いがあった時に『なんでこんなの間違うんですか!?』」とか 思ったより強めに指摘されていて笑ってしまった。「でも後輩に指摘されてるっていいことだよね」「本当にそう、理想の状態」 郡司「すぐ謝れる時もあるけど『うーんそう…そうだね!』と受け入れるのに時間がかかる時も多いです」 本当にそうなのだ。一度間違えると、今後指摘されなくなったり気を使われたりしそうで怖い! 郡司「かと言って指摘されすぎても、散歩中とかに俺って…とへこむ時間がくるし…複雑」わかる…わかるの嵐である 「資料のここ間違ってません?」を例に練習 恐怖は練習で潰すしかない。後輩に言われた場合を想定し、パターンを脳にすりこみたい。 では「資料のここ間違ってません?」と言われた瞬間、何を言うのが正解なの
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。(動画インタビュー) 前の記事:烏骨鶏のメレンゲは絹みたい
皆様フロントエンドのテストを書いていらっしゃいますでしょうか? フロントエンドのテストを書くときには API コールする処理を全てモックする必要があります。外部の API をコールする処理をテストに含めると API サーバーが落ちているなどの外部の要因によってテストが失敗してしまう可能性がありますし、テストを実行するたびに実際に API をコールしてしまうとサーバーに負荷がかかってしまうなど外部に対しても悪影響を与えてしまいます。 さて、従来のモックする手段としては Jest のモックを利用して axios や fetch などのモジュールをモック化する手法がよく使われていたかと思います。 最近のテスト手法として API コールをモックする際に Jest ではなく Mock Service Worker (以下 msw )を使用する手法が注目されています。実施にどのように使用されているのか
Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹(@koba04)さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小林(@koba04)です。 2019年5月に『SPAにおける状態管理:関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷』という記事を書きましたが、そこから2年以上が経過し、Reactを用いた状態管理は大きく変わりました。本記事ではReactを取り巻く状態管理の変遷について解説します。 広がるReduxの採用 Hooksの登場 コンポーネントツリーから独立した状態管理 Concurrent Featuresによる新しいユーザー体験 状態とキャ
Rolling Stone Japanでは昨年と一昨年と3年前に引き続き、プロインタビュアー・吉田豪氏に2021年のベストソングを挙げてもらった。 毎年、「ギャラ以上に手間がかかりすぎる」とボヤいてる気がするこの企画なんですが、なぜか今回は例年以上に時間がかかって選曲が全然終わらない! 着手してからすでに1週間以上経ってるけど、いい曲を10曲しか選べないってルールがそもそも間違ってるでしょ!……ということで編集サイドに何の連絡も入れないまま、あえてベスト20にしてみました(その結果、手間も倍に)。 1. 花譜×大森靖子「イマジナリーフレンド」 毎年のように大森さん関連楽曲が上位に食い込む、このランキング。2020年もボクがいちばん聴いたのは、大森さんによるバーチャル・シンガー花譜(世界が違うから全然知らなかったけど、現時点でTwitterのフォロワー数は18.4万人!)への提供曲でした。そ
食べ物戦争の一覧単語 12件 タベモノセンソウノイチラン 4.9千文字の記事 39 0pt ほめる 掲示板へ 記事編集 ストーリー食べ物/食品に関する一覧戦争に加担している企業の一覧戦況報告というのは…関連項目掲示板食べ物戦争の一覧とは、平和な日本国民の奥底に眠る闘争心が食べ物に向いた結果の一覧である。 ストーリー 194x年、火薬・化薬を使う戦争は終わり日本は敗戦した。しかし、日本は戦争に負けたものの大和魂は消えていなかった。日本人は「戦争では負けたが、技術で世界一をとるんだ」その心意気と共に、高度経済成長を成し遂げ2009年現在これまで一度も戦争を起こすことが無かった…しかし、長すぎる平和は日本人の心の中に虚しさを生んでしまった。そんな中、子供に愛されるお菓子・お昼のお伴にもってこいの食品に、日本人の食に愛する心が火種となって闘争心が向き始めた! 事の発端は、単なる子供のけんかであった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く