javascript

Unstated Nextで状態管理

React Hooks以降、複数コンポーネント間の状態管理にはContextとuseReducerを組み合わせるのが一般的になっているようです。以前、このブログ内でも取り上げました。 上記はプレーンなReactだけで実現 […]

Share API – Navigator.share

昨今のWebに必須とも言える共有(SNS)ボタンですが、APIが実装され始めています。 通常、Webにはサイト側が用意したTweetボタンなどが並んでいますが、モバイルだとネイティブの「共有」もあります。これを使うとサイ […]

First step in styled-components(CSS in JS)

CSS-in-JSはCSSをコンポーネントレベルで抽象化します。特定のライブラリを指すわけではないため、実装に関してはどのライブラリを選択するかによりアプローチは異なります。共通しているのはJavascriptを使うとい […]

React Router 5の変更点

React Router v5がリリースされていたようなので、v4からの変更点を取り上げてみます。 現在、特に指定をしなければv5がインストールされます。 # Browser DOM yarn add react-rou […]

React Context(useContext)入門

以前解説したReact ContextのHook版チュートリアルになります。ステートレスコンポーネントにおいては、こちらを使う方がシンプルになります。 React Contextとは Reactコンテキストを使用すると、 […]