Modern JavaScript Explained For Dinosaurs by Peter Jang Jump to heading #

乗り遅れた人のためのモダンJavaScript Jump to heading #

現代のJavaScriptのエコシステムは急速に成長し変化しいるため、それぞれのツールがなぜ必要となり、それがどのように役立っているのかを理解するのが難しくなっている。この記事では、平易で、教科書に載っているような単純なWebサイトから、モダンなJavaScriptを利用して作成するWebサイトになるまでを順を追って解説していく。

What is the Shadow DOM? by Ire Aderinokun Jump to heading #

一体Shadow DOMとは何なのか Jump to heading #

DOMと比べながら、Shadow DOMを解説する。Shadow DOMは DOMの中のDOMと考えることができ、DOMツリーからは分離され独立して存在することができることが特徴。常に通常のDOMと関連付けてられており、その名前が示すとおり、DOMが無ければ存在することはできない。

All about prefetching by Katie Hempenius Jump to heading #

prefetchingについて Jump to heading #

prefetchingはほとんど即時でロードを完了させるテクニックであり、具体的にはユーザーが将来必要となるリソースを事前に予測し、ダウンロードしておくという戦略をとることで実現させる。 これにより、ユーザーがリソースを明示的に要求してから、ダウンロードされるのを待つ必要がほとんどなくなり、非常に高速にページを読み込むことができる。Katie氏が基本的な実装方法から、Network APIを使用したユーザーの状況に応じた場合分けの実装、prefetching用のライブラリなどを紹介する。

These are the concepts you should know in React.js (after you learn the basics) by Chris Chuck Jump to heading #

Reactの基本を理解した後に、学んでおきたい、重要なコンセプトを解説する。 Jump to heading #

1. コンポーネントのライフサイクル
2. 高階関数
3. StateとsetState
4. Context
5. 最新を追う

Slides Jump to heading #

Dear Developer, The Web Isn’t About You by sonniesedge Jump to heading #

電報から、電話、インターネットといった情報伝達の方法の移り変わり、また同様に、Webがどのように移り変わっていったのか。現代のWebを改善していくために必要なのは思いやりであり、それをどのよ用の私達は行動に移していくべきか。Webの発展はその堅牢性がなし得たものであり、すべての人がWebにアクセスでき、様々な多様性を受け入れていくものでなければならないと、氏は訴える。

In Brief Jump to heading #

• Styling a Select Like It’s 2019 by Scott: SelectのUIをカスタマイズするサンプル
• For Snook by Sunil Pai: css-in-js がCSSだけで構築された仕組みよりも、どのような点で優れているかについて
• The Rise of Immer in React by swyx: イミュータブルなstateを作成するライブラリImmerが、Reactでの実装の際にどのように活躍するかについて例を挙げながら紹介していく
• Can design systems fix the relationship between designers & developers? by Giorgio Lefeber: デザインシステムがどのようにデベロッパーとデザイナの協業を手助けするのかについての解説
• big ol’ ball o’ javascript by Brad Frost: Heydon氏が投稿した記事への考察。特に、フルスタックエンジニアの問題点やJavaScriptについて