mottox2 blog

6/11週のフロントエンド俺 - react-poseとGAE Standard Environmentとか

blog

次回があるかわからないけど、「今週のフロントエンド俺」。

react-poseによるアニメーション実装が楽

  • react-pose - npm
  • styled-componentsとの相性がいい
  • 日本語情報は現時点で見つからなかった
  • 雰囲気としてはこういうコードがかける。Posed | Pose
js
const Sidebar = posed.nav({
  open: { x: '0%' },
  closed: { x: '-100%' }
})

export default ({ isOpen }) => <Sidebar pose={isOpen ? 'open' : 'closed'} />

GatsbyJS v2のbetaリリース

GAE/nodejs SEを試した

diff
- env: flex
- runtime: nodejs
+ runtime: nodejs8

VueNative on ReactNative

  • vueでマルチプラットフォームアプリを制作できる。
  • Weexとはアプローチが違くて、ReactNativeを利用するアプローチ
  • dependencesやソースコード中にreactが普通に出てきて笑った

REQUのスタックを見てた

  • REQU - アメーバのスキルシェアサービス
  • DevToolsとかwebpackかましたソースコード見たところ次のようなスタック?
    • react (v16.2)
    • redux (with saga)
    • react-router (with react-router-config?)
  • かなりスタンダード
  • APIが以下のようなレスポンスを返してた
{
  body: {},
  meta: {}
}
B!
dev

ブログのReactを16.8にあげてReact Hooksで書き換えてみた

2019/02/06にReact16.8がリリースされ、16.7のalphaから入っていたReact Hooksが安定版にやってきました。 そこで今回このブログで使われているReactを16.8に上

javascriptreact
blog

Netlifyのデプロイ通知をDiscordで受け取る方法

Netlifyでサイトをホスティングしていると、デプロイ開始から完了までのタイムラグがあることでデプロイの完了を把握するにはWeb UIを確認する必要があります。 しかし、デプロイごとにWeb UI

discordnetlify
dev

netlify-cliを使ってCLIでデプロイを行う

Netlifyには優れたUIを持つWeb画面が用意されていますが、CLI(コマンドラインインターフェース)も用意されており、CLIのみでのデプロイも可能になっています。 通常の開発ではWeb UIで

netlify